/* Worth Knowing · Legends / Olympus visual edition · 2026-09-21 */
#legends.pwk-legends,.pwk-legend-page{--pwk-ink:#080e16;--pwk-ivory:#f4ecdf;--pwk-gold:#d6bd8b;--pwk-muted:#b6b5b4;--pwk-line:rgba(214,189,139,.2);color:var(--pwk-ivory);background:var(--pwk-ink)}
#legends.pwk-legends{margin-top:80px;isolation:isolate;scroll-margin-top:62px;border-top:1px solid var(--pwk-line)}
.pwk-cinematic{position:relative;isolation:isolate;overflow:hidden;min-height:590px;height:min(810px,76vw);max-height:90svh;background:#0b1420;display:flex;align-items:flex-end}
.pwk-cinematic picture{position:absolute;inset:0;z-index:-3;display:block}
.pwk-scene-image{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;transform:scale(1.026);animation:pwk-drift 20s ease-in-out infinite alternate;animation-play-state:paused}
.pwk-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}
.pwk-cinematic:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,9,17,.54),transparent 68%),linear-gradient(0deg,#080e16 0%,rgba(5,11,19,.68) 22%,transparent 64%)}
.pwk-cinematic .pwk-hero-copy{position:relative;padding:8% clamp(24px,6.5vw,112px) 58px;width:100%;max-width:1000px;box-sizing:border-box}
.pwk-eyebrow{font:11px/1.6 ui-monospace,'Cascadia Mono',Consolas,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--pwk-gold);margin:0 0 18px}
.pwk-cinematic h1,.pwk-cinematic h2{font:400 clamp(64px,7.8vw,126px)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.055em;text-transform:none;margin:0 0 24px;color:var(--pwk-ivory);text-shadow:0 4px 35px #0006;max-width:10.5ch;overflow-wrap:normal}
.pwk-cinematic h2 em{font-weight:400;color:#e2cfa7}.pwk-cinematic .pwk-hero-lede{max-width:44ch;font:400 17px/1.7 Georgia,'Times New Roman',serif;color:#d9d3ca;margin:0 0 28px}
.pwk-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.pwk-link-primary,.pwk-link-secondary{display:inline-flex;gap:15px;align-items:center;justify-content:center;min-height:46px;text-decoration:none;font:500 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.04em;transition:background .2s,color .2s,transform .2s}
.pwk-link-primary{background:#d6bd8b;color:#12181c;padding:14px 24px;border:1px solid #d6bd8b}
.pwk-link-primary:hover{background:#eed9af;transform:translateY(-2px)}
.pwk-link-secondary{color:#ece4d6;border-bottom:1px solid #d6bd8b66;padding:10px 0}
.pwk-link-secondary:hover{color:#fff;border-color:#eed9af}
.pwk-motion{position:absolute;right:clamp(24px,4vw,64px);bottom:46px;min-height:44px;padding:10px 14px;font:11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.04em;color:#f2e8d8;background:#07101cd9;border:1px solid #b9c2ce55;border-radius:2px;cursor:pointer;z-index:3}
.pwk-motion[hidden]{display:none}.pwk-motion:hover{background:#192632}
.pwk-motion:before{content:'Ⅱ';margin-right:8px;font-size:12px}.pwk-motion[aria-pressed="true"]:before{content:'▷'}
.pwk-scene-label{position:absolute;top:30px;left:clamp(24px,6.5vw,112px);font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.2em;color:#e3d9c6;text-shadow:0 2px 12px #000;text-transform:uppercase}
.pwk-art-credit{position:absolute;top:30px;right:clamp(24px,4vw,64px);font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#e3d9c6;text-transform:uppercase;text-shadow:0 2px 12px #000}
.pwk-collection{max-width:1480px;padding:45px clamp(24px,5vw,80px) 90px;margin:auto}
.pwk-collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-bottom:30px;border-bottom:1px solid var(--pwk-line);margin-bottom:36px}
.pwk-collection-head h3{font:400 clamp(32px,4vw,50px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin:0;color:var(--pwk-ivory)}
.pwk-collection-head .pwk-eyebrow{margin-bottom:10px}.pwk-collection-note{font:13px/1.65 Arial,sans-serif;max-width:35ch;margin:0;color:var(--pwk-muted)}
.pwk-legends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.pwk-legend-card{display:block;min-width:0;text-decoration:none;color:var(--pwk-ivory);background:transparent;position:relative}
.pwk-card-art{position:relative;aspect-ratio:16/10;overflow:hidden;background:#14212e;margin-bottom:17px}
.pwk-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,9,16,.5),transparent 55%);pointer-events:none}
.pwk-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.3,1),filter .4s;filter:saturate(.78);transform:scale(1.015)}
.pwk-legend-card:hover .pwk-card-art img,.pwk-legend-card:focus-visible .pwk-card-art img{transform:scale(1.055);filter:saturate(1)}
.pwk-card-play{position:absolute;bottom:16px;right:17px;z-index:1;width:36px;height:36px;border:1px solid #f2e8d8aa;border-radius:50%;display:grid;place-items:center;background:#10192344}
.pwk-card-play:after{content:"";border-left:9px solid #f2e8d8;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.pwk-card-time{position:absolute;bottom:24px;left:18px;z-index:1;font:10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:#ede4d6}
.pwk-card-number{font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:var(--pwk-gold);margin-bottom:8px}
.pwk-legend-card h4{font:400 clamp(24px,2.3vw,34px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:var(--pwk-ivory);margin:0 0 9px}
.pwk-legend-card p{font:13px/1.7 Arial,sans-serif;color:var(--pwk-muted);margin:0;max-width:45ch}
.pwk-legend-card:hover h4{color:#e2cfa7}
.pwk-legends :is(a,button):focus-visible,.pwk-legend-page :is(a,button,video):focus-visible{outline:2px solid #eed9af;outline-offset:6px}
.pwk-legend-page{--paper:#f4ecdf;--paper-dim:#b6b5b4;--stone:#121b25;--stone-line:#b7a88533;background:#080e16;font-family:Arial,Helvetica,sans-serif}
.pwk-legend-page .topnav{max-width:1600px;margin:auto;min-height:74px;padding:20px clamp(24px,5vw,80px);font-size:10px;letter-spacing:.15em;gap:20px}
.pwk-legend-page .topnav a{color:#d6cbb8;min-height:36px;display:inline-flex;align-items:center;text-decoration:none}
.pwk-legend-page .topnav .kicker{color:#d6bd8b}.pwk-legend-page .wrap{max-width:1480px;padding:0 clamp(24px,5vw,80px) 80px}
.pwk-legend-page .pwk-cinematic{max-width:1600px;margin:0 auto 70px;min-height:560px;height:min(780px,65vw)}
.pwk-legend-page .pwk-cinematic h1{font-size:clamp(56px,7vw,108px);max-width:12ch}.pwk-legend-page .pwk-hero-lede{max-width:50ch}
.pwk-legend-page .pwk-film-section{max-width:1100px;margin:0 auto 90px;scroll-margin-top:24px}
.pwk-film-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.pwk-film-heading h2{font:400 32px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:0;color:#f4ecdf}.pwk-film-heading p{margin:0;font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase;color:#d6bd8b}
.pwk-legend-page .player{background:#050a0e;border:1px solid var(--pwk-line);box-shadow:0 24px 70px #0005}
.pwk-legend-page .disclosure{max-width:none;background:transparent;border-left:1px solid #d6bd8b88;padding:0 0 0 22px;margin-top:26px;color:#b6b5b4;font:13px/1.85 Arial,Helvetica,sans-serif}
.pwk-legend-page .disclosure b{color:#e4d4b3}
.pwk-storyboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;align-items:start}
.pwk-storyboard .panel{min-width:0;margin:0}.pwk-storyboard .frame{aspect-ratio:16/10;border:0;border-radius:0;overflow:hidden;background:#111b27}.pwk-storyboard .frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s}
.pwk-storyboard .frame:hover img{transform:scale(1.025)}
.pwk-storyboard .frame-tag{color:#f4ecdf;background:#07101cdd;border:1px solid #ede2d033;font-size:10px;padding:6px 9px}
.pwk-storyboard .meta-row{display:block;padding:18px 0 0}.pwk-storyboard .shot-title{font:400 27px/1.25 Georgia,'Times New Roman',serif;color:#ece4d6;margin:0 0 10px;text-transform:none;letter-spacing:-.02em}
.pwk-storyboard .shot-title .num{display:block;font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.15em;color:#d6bd8b;margin:0 0 9px;text-transform:uppercase}
.pwk-storyboard .note{font:13px/1.8 Arial,Helvetica,sans-serif;color:#b6b5b4;max-width:55ch;margin:0}.pwk-storyboard .cut{display:none}
.pwk-legend-page .section-label{font:400 43px/1.2 Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-.03em;color:#eee4d5;margin:0 0 18px;scroll-margin-top:30px}
.pwk-legend-page .section-intro{font:15px/1.85 Arial,sans-serif;max-width:80ch;color:#b6b5b4;margin-bottom:36px}
.pwk-legend-page .crosslink{display:block;margin:70px 0 0;padding:32px 0;border:0;border-top:1px solid var(--pwk-line);background:transparent;text-decoration:none}
.pwk-legend-page .crosslink .cl-label{color:#d6bd8b}.pwk-legend-page .crosslink h3{font:400 38px/1.2 Georgia,serif;color:#eee4d5;letter-spacing:-.025em}.pwk-legend-page .site-footer{background:#060b11;border-top:1px solid var(--pwk-line);color:#aeb3b9}.pwk-legend-page .site-footer a{color:#d6bd8b}
.pwk-running .pwk-scene-image{animation-play-state:running}.pwk-still .pwk-scene-image{animation-play-state:paused}
@keyframes pwk-drift{from{transform:scale(1.026) translateX(-.3%)}to{transform:scale(1.065) translateX(.3%)}}
@media(min-width:1500px){.pwk-cinematic{height:820px}.pwk-cinematic .pwk-hero-copy{padding-bottom:76px}.pwk-motion{bottom:65px}}
@media(max-width:1000px){.pwk-legends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pwk-cinematic{height:690px;min-height:600px;max-height:none}.pwk-cinematic .pwk-hero-copy{padding-bottom:76px}.pwk-motion{bottom:25px}.pwk-legend-page .pwk-cinematic{height:680px;min-height:600px}.pwk-cinematic h1,.pwk-cinematic h2{font-size:76px}.pwk-legend-page .pwk-cinematic h1{font-size:72px}}
@media(max-width:640px){#legends.pwk-legends{margin-top:50px;scroll-margin-top:0}.pwk-cinematic{height:740px;min-height:0;max-height:none}.pwk-cinematic picture{bottom:auto;height:64%}.pwk-cinematic .pwk-atmosphere{height:64%}.pwk-scene-image{object-position:63% 30%}.pwk-cinematic:after{background:linear-gradient(0deg,#080e16 2%,#080e16 23%,rgba(8,14,22,.88) 40%,rgba(8,14,22,.2) 62%,transparent 80%)}.pwk-cinematic .pwk-hero-copy{padding:260px 24px 88px}.pwk-cinematic h1,.pwk-cinematic h2,.pwk-legend-page .pwk-cinematic h1{font-size:clamp(49px,12.8vw,76px);letter-spacing:-.04em;max-width:12ch;margin-bottom:20px}.pwk-cinematic .pwk-hero-lede{font-size:16px;line-height:1.6;max-width:34ch;margin-bottom:24px}.pwk-eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:15px}.pwk-art-credit{display:none}.pwk-scene-label{top:22px;font-size:9px}.pwk-motion{left:24px;right:auto;bottom:23px;padding:8px 12px}.pwk-actions{gap:15px}.pwk-link-primary{padding:13px 19px}.pwk-link-primary,.pwk-link-secondary{font-size:11px}.pwk-collection{padding:34px 24px 62px}.pwk-collection-head{display:block;margin-bottom:26px}.pwk-collection-head h3{font-size:36px}.pwk-collection-note{margin-top:17px;font-size:12px}.pwk-legends-grid{grid-template-columns:minmax(0,1fr);gap:32px}.pwk-legend-card h4{font-size:32px}.pwk-card-art{aspect-ratio:16/10}.pwk-legend-page .topnav{font-size:9px;padding:16px 24px;min-height:65px}.pwk-legend-page .wrap{padding:0 24px 56px}.pwk-legend-page .pwk-cinematic{height:720px;min-height:0;margin-bottom:36px}.pwk-film-heading{align-items:flex-start;flex-direction:column;gap:8px}.pwk-film-heading h2{font-size:30px}.pwk-legend-page .disclosure{font-size:12px;padding-left:16px}.pwk-legend-page .pwk-film-section{margin-bottom:56px}.pwk-storyboard{grid-template-columns:minmax(0,1fr);gap:32px}.pwk-legend-page .section-label{font-size:36px}.pwk-legend-page .section-intro{font-size:14px}.pwk-legend-page .crosslink h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.pwk-legends *,.pwk-legend-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.pwk-cinematic .pwk-scene-image{transform:none}}