/* Scroll-led editorial scenes. Without JS, both scenes show their complete final state. */
.wp-wanted,.wp-profile{position:relative;height:250svh;isolation:isolate;scroll-margin-top:0}
.wp-wanted-sticky,.wp-profile-sticky{position:sticky;top:0;display:flex;align-items:flex-start;width:100%;height:100svh;overflow:hidden}
.wp-wanted-sticky{background:radial-gradient(ellipse at 8% 66%,#b6d7f1,transparent 40%),radial-gradient(ellipse at 92% 23%,#e8d5eb,transparent 42%),linear-gradient(130deg,#d8eaf5,#f1eff5 66%,#fbecf0);color:#182c49}
.wp-profile-sticky{background:linear-gradient(180deg,#101c36 0,transparent 125px),radial-gradient(ellipse at 8% 66%,#b9c6ec,transparent 40%),radial-gradient(ellipse at 92% 24%,#f5d4e0,transparent 43%),linear-gradient(135deg,#e0def2,#f4e6ed 64%,#fff1e9);color:#1c2944}
.wp-shell{position:relative;z-index:1;width:min(100% - 80px,1280px);margin:auto;padding:clamp(91px,13vh,110px) 0 12px}
.wp-topline{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #223a5840;padding-bottom:12px;color:#375373;font-size:10px;font-weight:800;letter-spacing:.17em}
.wp-intro{display:flex;justify-content:space-between;align-items:end;gap:38px;padding-top:12px}
.wp-intro h2{flex:none;margin:0;font-size:clamp(4rem,5.65vw,5.7rem);line-height:.98;letter-spacing:-.084em}
.wp-intro h2 em{color:#6879ad;font-style:normal}
.wp-intro p{max-width:395px;margin:0 0 5px;color:#3e5573;font-size:clamp(13px,1.2vw,16px);line-height:1.55}
.wp-bottomline{display:flex;align-items:end;gap:26px;min-height:56px;margin-top:4px;border-top:1px solid #223a5835;padding-top:10px}
.wp-stage-copy{position:relative;flex:1;min-height:40px}
.wp-stage-copy p{position:absolute;left:0;top:0;max-width:560px;margin:0;color:#324d70;font-size:12px;line-height:1.4}
.wp-stage-copy p span{display:block;margin-bottom:3px;color:#426ba8;font-size:9px;font-weight:800;letter-spacing:.15em}
.wp-progress{display:flex;align-self:center;gap:5px}.wp-progress i{display:block;width:33px;height:3px;border-radius:99px;background:#25436c35}
.wp-progress i:before{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:#4c72b8;transform:scaleX(1);transform-origin:left}
.wp-scroll-cue,.wp-illustrative{align-self:center;color:#59708d;font-size:9px;font-weight:800;letter-spacing:.11em;white-space:nowrap}
.wp-illustrative{color:#6d7d95}

/* Wanted: a whole series projects its missing members into Wanted. */
.wp-wanted{--wp-show:1;--wp-acquire:1;--wp-early:0;--wp-late:1;--wp-status-missing:0;--wp-status-owned:1;--wp-count-two:0;--wp-count-one:1;--wp-first-progress:1;--wp-second-progress:1}
.wp-wanted-field{position:relative;height:clamp(300px,44vh,400px);margin-top:9px}
.wp-set-caption{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #23415e33;padding:7px 3px 9px;color:#2f537b;font-size:9px;font-weight:850;letter-spacing:.17em}
.wp-set-caption b{padding:0 4px;color:#6b8eb4}
.wp-set-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:clamp(10px,3vw,40px);max-width:920px;margin:9px auto 0}
.wp-set-line:before{content:"";position:absolute;z-index:-1;top:calc(clamp(94px,15vh,139px) / 2);left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#ffffffc9 15%,#ffffffc9 85%,transparent)}
.wp-figure{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.wp-portrait{position:relative;width:clamp(94px,15vh,139px);height:clamp(94px,15vh,139px);overflow:hidden;border:6px solid #fff9;border-radius:50%;background:#f4edec;box-shadow:0 12px 30px #355a7d35,0 0 0 1px #ffffff9c}
.wp-portrait:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 20px #26435d22}
.wp-portrait>span,.wp-dock-portrait,.wp-profile-figure>span{display:block;width:100%;height:100%;background-image:url('/assets/series-figures-matte.webp');background-size:300% 200%;background-repeat:no-repeat}
.wp-wanted .wp-portrait>span,.wp-wanted .wp-dock-portrait{background-image:url('/assets/sea-figures-matte.webp')}
.wp-profile .wp-profile-figure>span{background-image:url('/assets/woodland-figures-matte.webp')}
.wp-tile-0 .wp-portrait>span,.wp-tile-0.wp-profile-figure>span{background-position:0 0}
.wp-tile-1 .wp-portrait>span{background-position:50% 0}
.wp-tile-2 .wp-portrait>span,.wp-tile-2.wp-dock-figure .wp-dock-portrait,.wp-tile-2.wp-profile-figure>span{background-position:100% 0}
.wp-tile-3 .wp-portrait>span,.wp-tile-3.wp-dock-figure .wp-dock-portrait{background-position:0 100%}
.wp-tile-3.wp-profile-figure>span{background-position:0 100%}
.wp-tile-4.wp-profile-figure>span{background-position:50% 100%}
.wp-figure strong{margin-top:6px;color:#27425e;font-size:10px;font-weight:850;letter-spacing:.12em}
.wp-figure small{margin-top:2px;color:#4b6687;font-size:9px;font-weight:850;letter-spacing:.12em}
.wp-figure-missing .wp-portrait{border-style:dashed;border-color:#7192adad;box-shadow:0 8px 21px #52718f1e}
.wp-figure-missing .wp-portrait>span{filter:grayscale(1) brightness(1.15);opacity:.6}
.wp-figure-change .wp-portrait{border-color:#fdfdff;box-shadow:0 8px 25px #557aa13e,0 0 0 5px rgb(98 133 205 / calc(.06 + .22 * var(--wp-acquire)))}
.wp-figure-change .wp-portrait>span{filter:grayscale(calc(1 - var(--wp-acquire))) brightness(calc(1.15 - .15 * var(--wp-acquire)));opacity:calc(.6 + .4 * var(--wp-acquire))}
.wp-figure-change .wp-before{position:absolute;top:calc(clamp(94px,15vh,139px) + 16px);opacity:var(--wp-status-missing)}
.wp-figure-change .wp-after{opacity:var(--wp-status-owned)}
.wp-first-copy{position:absolute;z-index:2;top:18px;right:-39px;display:flex;align-items:center;gap:7px;border:1px solid #fff;border-radius:99px;padding:7px 8px 7px 10px;background:#f9fcffef;box-shadow:0 10px 25px #3659842e;color:#375b92;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.1em;white-space:nowrap;opacity:var(--wp-acquire);transform:translateY(calc(14px * (1 - var(--wp-acquire)))) rotate(-7deg)}
.wp-first-copy b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#496fba;color:#fff;font-size:10px;letter-spacing:0}
.wp-bridge{display:flex;align-items:center;gap:13px;max-width:920px;height:32px;margin:0 auto;color:#4a6c9b;font-size:9px;font-weight:850;letter-spacing:.16em}
.wp-bridge-label{white-space:nowrap}.wp-bridge-line{flex:1;height:1px;background:#5b82b277}
.wp-bridge-line:after{content:"";display:block;height:100%;background:#3177c7;transform:scaleX(var(--wp-show));transform-origin:left}
.wp-bridge-star{color:#3278bb;font-size:20px;line-height:1;transform:rotate(calc(90deg * var(--wp-show)))}
.wp-wanted-dock{position:relative;display:flex;align-items:center;gap:28px;max-width:920px;min-height:100px;margin:1px auto 0;border-top:1px solid #23415e54;border-bottom:1px solid #23415e54;padding:8px 3px}
.wp-dock-heading{display:flex;flex-direction:column;gap:1px;min-width:160px;color:#37618f;font-size:9px;font-weight:850;letter-spacing:.15em}
.wp-dock-heading strong{position:relative;width:72px;height:55px;color:#356bb0;font-size:49px;font-weight:650;letter-spacing:-.07em;line-height:1}
.wp-dock-heading strong span{position:absolute;top:0;left:0}
.wp-count-two{opacity:var(--wp-count-two)}
.wp-count-one{opacity:var(--wp-count-one)}
.wp-dock-figures{display:flex;align-items:center;gap:12px;margin-left:auto}
.wp-dock-figure{display:flex;align-items:center;gap:8px;border:1px solid #6887b171;border-radius:999px;padding:5px 14px 5px 5px;background:#f5faffed;box-shadow:0 6px 18px #34577914}
.wp-dock-portrait{width:55px;height:55px;flex:none;overflow:hidden;border-radius:50%;filter:grayscale(.25) brightness(1.02);opacity:.95}
.wp-dock-figure small{color:#42638c;font-size:9px;font-weight:850;letter-spacing:.13em;white-space:nowrap}
.wp-dock-leaving{opacity:calc(var(--wp-show) * (1 - var(--wp-acquire)));transform:translateY(calc(-24px * var(--wp-acquire))) scale(calc(1 - .1 * var(--wp-acquire)))}
.wp-dock-staying{opacity:var(--wp-show);transform:translateY(calc(12px * (1 - var(--wp-show))))}
.wp-copy-missing{opacity:var(--wp-early);transform:translateY(calc(6px * (1 - var(--wp-early))))}
.wp-copy-owned{opacity:var(--wp-late);transform:translateY(calc(6px * (1 - var(--wp-late))))}
.wp-wanted .wp-progress i:first-child:before{transform:scaleX(var(--wp-first-progress))}
.wp-wanted .wp-progress i:last-child:before{transform:scaleX(var(--wp-second-progress))}

/* Profile: opening panels reveal a public page; no false browser chrome or controls. */
.wp-profile{--pp-cover:1;--pp-content:1;--pp-link:1;--pp-early:0;--pp-late:1;--pp-first-progress:1;--pp-second-progress:1}
.wp-profile-field{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(300px,45vh,420px);margin-top:10px}
.wp-profile-door{position:relative;width:min(58vw,630px);height:clamp(230px,33vh,310px);overflow:hidden;border:1px solid #ffffffc9;border-radius:25px;background:#fffdfa;box-shadow:0 25px 70px #50567642,0 0 0 9px #ffffff25;transform:translateY(-24px) perspective(900px) rotateX(calc(3deg * (1 - var(--pp-cover)))) scale(calc(.94 + .06 * var(--pp-content)))}
.wp-profile-inside{position:absolute;inset:0;display:flex;flex-direction:column;padding:13px 20px 10px;background:radial-gradient(circle at 80% 25%,#f1e3f1,transparent 40%),radial-gradient(circle at 10% 75%,#e4eff9,transparent 38%),#fffefa;opacity:var(--pp-content)}
.wp-profile-paper-head{display:flex;justify-content:space-between;align-items:center;color:#667391;font-size:9px;font-weight:850;letter-spacing:.15em}
.wp-profile-identity{display:flex;align-items:center;gap:12px;margin-top:7px}
.wp-profile-avatar{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#e7e3f6;box-shadow:0 7px 20px #586d9a33}
.wp-profile-avatar img{width:100%;height:100%;object-fit:cover}
.wp-profile-identity div{display:flex;flex-direction:column;gap:2px}
.wp-profile-identity small{color:#6b7991;font-size:8px;font-weight:850;letter-spacing:.15em}
.wp-profile-identity strong{color:#29334b;font-size:21px;letter-spacing:-.05em}
.wp-profile-gallery{display:flex;justify-content:center;align-items:center;gap:clamp(6px,1.5vw,16px);flex:1;min-height:0;margin:2px 0}
.wp-profile-figure{width:clamp(76px,8vw,104px);height:clamp(76px,8vw,104px);overflow:hidden;border:4px solid #fff;border-radius:50%;background:#f4e7e6;box-shadow:0 8px 20px #414f7330;opacity:var(--pp-content);transform:translateY(calc(28px * (1 - var(--pp-content)))) scale(calc(.85 + .15 * var(--pp-content)))}
.wp-profile-figure:nth-child(2){transform:translateY(calc(42px * (1 - var(--pp-content)))) scale(calc(.82 + .18 * var(--pp-content)))}
.wp-profile-figure:nth-child(3){transform:translateY(calc(56px * (1 - var(--pp-content)))) scale(calc(.8 + .2 * var(--pp-content)))}
.wp-profile-categories{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2d426344;border-bottom:1px solid #2d426344;padding:7px 0;color:#425a81;font-size:8px;font-weight:850;letter-spacing:.13em;text-align:center}
.wp-profile-categories span+span{border-left:1px solid #2d426333}
.wp-profile-panel{position:absolute;z-index:2;top:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%;overflow:hidden;color:#fff;box-shadow:inset 0 0 0 1px #ffffff59;pointer-events:none}
.wp-profile-panel-left{left:0;border-radius:24px 0 0 24px;background:radial-gradient(circle at 20% 20%,#f4d9e9,#bec8ed 60%,#8ea5d8);transform:translateX(calc(-102% * var(--pp-cover)))}
.wp-profile-panel-right{right:0;border-radius:0 24px 24px 0;background:radial-gradient(circle at 80% 20%,#f8d7e1,#d2bcdf 60%,#adb4da);transform:translateX(calc(102% * var(--pp-cover)))}
.wp-profile-panel b{position:absolute;top:50%;display:block;width:160px;height:160px;background:url('/assets/figfolio-mascot-web.png') center/contain no-repeat;filter:brightness(0) invert(1);transform:translateY(-50%)}
.wp-profile-panel-left b{right:-80px}.wp-profile-panel-right b{left:-80px}
.wp-profile-link{position:absolute;z-index:4;right:clamp(15px,3vw,60px);bottom:1px;display:flex;align-items:center;gap:13px;max-width:360px;border:1px solid #ffffffbd;border-radius:99px;padding:8px 12px 8px 8px;background:#fffaf8e8;box-shadow:0 13px 30px #4d5c8135;opacity:var(--pp-link);transform:translateY(calc(24px * (1 - var(--pp-link))))}
.wp-profile-link-bloom{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:50%;background:#445f9d;color:#fff;font-size:21px}
.wp-profile-link div{display:flex;flex-direction:column;gap:2px;min-width:0}
.wp-profile-link small{color:#72809c;font-size:8px;font-weight:850;letter-spacing:.13em}
.wp-profile-link strong{overflow:hidden;color:#2f466f;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.wp-profile-copy-closed{opacity:var(--pp-early);transform:translateY(calc(6px * (1 - var(--pp-early))))}
.wp-profile-copy-open{opacity:var(--pp-late);transform:translateY(calc(6px * (1 - var(--pp-late))))}
.wp-profile .wp-progress i:first-child:before{transform:scaleX(var(--pp-first-progress))}
.wp-profile .wp-progress i:last-child:before{transform:scaleX(var(--pp-second-progress))}

@media(max-width:1000px){
  .wp-shell{width:min(100% - 52px,1280px)}
  .wp-intro h2{font-size:clamp(3.5rem,6.5vw,5rem)}
  .wp-intro p{max-width:330px}
  .wp-profile-door{width:min(72vw,630px)}
}
@media(max-width:640px){
  .wp-wanted,.wp-profile{height:300svh}
  .wp-shell{width:min(100% - 36px,1280px);padding:78px 0 16px}
  .wp-topline{font-size:8px;padding-bottom:8px}
  .wp-intro{display:block;padding-top:14px}
  .wp-intro h2{font-size:clamp(3rem,10vw,4.2rem)}
  .wp-intro p{max-width:100%;margin:10px 0 0;font-size:12px;line-height:1.5}
  .wp-wanted-field{height:clamp(310px,42svh,355px);margin-top:12px}
  .wp-set-caption{font-size:7px}.wp-set-line{gap:4px;margin-top:12px}.wp-set-line:before{top:41px}
  .wp-portrait{width:clamp(69px,20vw,84px);height:clamp(69px,20vw,84px);border-width:4px}
  .wp-figure strong{margin-top:6px;font-size:9px}.wp-figure small{font-size:7px}
  .wp-figure-change .wp-before{top:calc(clamp(69px,20vw,84px) + 16px)}
  .wp-first-copy{top:4px;right:-24px;gap:4px;padding:4px 5px 4px 7px;font-size:6px}
  .wp-first-copy b{width:16px;height:16px;font-size:8px}
  .wp-bridge{height:33px;margin-top:9px;font-size:7px}
  .wp-wanted-dock{gap:6px;min-height:99px;margin-top:4px}
  .wp-dock-heading{min-width:92px;font-size:7px}.wp-dock-heading strong{font-size:42px;height:46px}
  .wp-dock-figures{gap:5px}.wp-dock-figure{flex-direction:column;gap:2px;min-width:62px;border-radius:12px;padding:3px 4px}
  .wp-dock-portrait{width:45px;height:45px}.wp-dock-figure small{display:block;font-size:7px;letter-spacing:.06em}
  .wp-bottomline{gap:9px;min-height:55px;margin-top:7px}
  .wp-stage-copy p{font-size:10px}.wp-stage-copy p span{font-size:8px}
  .wp-scroll-cue,.wp-progress{display:none}.wp-illustrative{margin-left:auto;font-size:7px}
  .wp-profile-field{height:clamp(315px,45svh,365px)}
  .wp-profile-door{width:100%;height:clamp(245px,33svh,280px);border-radius:19px}
  .wp-profile-inside{padding:14px 15px 12px}.wp-profile-paper-head{font-size:7px}
  .wp-profile-identity{margin-top:7px}.wp-profile-avatar{width:40px;height:40px}.wp-profile-identity strong{font-size:18px}
  .wp-profile-figure{width:clamp(69px,21vw,88px);height:clamp(69px,21vw,88px);border-width:3px}
  .wp-profile-categories{padding:9px 0;font-size:7px;letter-spacing:.08em}
  .wp-profile-panel b{width:114px;height:114px}.wp-profile-panel-left b{right:-57px}.wp-profile-panel-right b{left:-57px}
  .wp-profile-link{right:5px;bottom:1px;gap:8px;max-width:min(95%,320px);padding:6px 9px 6px 6px}
  .wp-profile-link-bloom{width:30px;height:30px;font-size:17px}
  .wp-profile-link small{font-size:8px}.wp-profile-link strong{font-size:10px}
}
@media(max-width:380px){
  .wp-wanted-field{height:317px}
  .wp-portrait{width:clamp(62px,20vw,70px);height:clamp(62px,20vw,70px)}
  .wp-figure-change .wp-before{top:calc(clamp(62px,20vw,70px) + 16px)}
  .wp-dock-figure{min-width:54px}.wp-dock-portrait{width:39px;height:39px}
  .wp-profile-field{height:325px}.wp-profile-door{height:255px}
}
@media(min-width:641px) and (max-height:850px){
  .wp-shell{padding-top:92px}.wp-intro h2{font-size:clamp(3.4rem,5.1vw,4.8rem)}
  .wp-wanted-field{height:clamp(290px,43vh,340px)}
  .wp-profile-field{height:clamp(292px,43vh,355px)}
}
@media(prefers-reduced-motion:reduce){
  .wp-wanted,.wp-profile{height:auto}
  .wp-wanted-sticky,.wp-profile-sticky{position:relative;height:auto;min-height:760px}
  .wp-shell{padding-top:100px;padding-bottom:45px}
  .wp-scroll-cue{display:none}
}

@media(max-width:640px) and (max-height:700px) and (prefers-reduced-motion:no-preference){
  .wp-shell{padding:70px 0 8px}
  .wp-topline{padding-bottom:5px}
  .wp-intro{padding-top:8px}
  .wp-intro h2{font-size:clamp(2.35rem,9.5vw,2.8rem)}
  .wp-intro p{margin-top:5px;font-size:10px;line-height:1.35}
  .wp-wanted-field{height:clamp(216px,39svh,250px);margin-top:3px}
  .wp-set-caption{padding:3px 2px 4px;font-size:7px}
  .wp-set-line{margin-top:4px}
  .wp-portrait{width:54px;height:54px}
  .wp-figure-change .wp-before{top:70px}
  .wp-bridge{height:25px;margin-top:4px}
  .wp-wanted-dock{min-height:70px;margin-top:2px;padding:3px}
  .wp-dock-heading strong{height:36px;font-size:35px}
  .wp-dock-portrait{width:34px;height:34px}
  .wp-dock-figure{min-width:48px;padding:3px}
  .wp-dock-figure small{font-size:6px}
  .wp-bottomline{min-height:44px;margin-top:3px;padding-top:6px}
  .wp-stage-copy{min-height:34px}
  .wp-stage-copy p{font-size:9px;line-height:1.25}
  .wp-stage-copy p span{margin-bottom:2px;font-size:7px}
  .wp-profile-field{height:clamp(230px,41svh,265px);margin-top:3px}
  .wp-profile-door{height:clamp(190px,34svh,220px)}
  .wp-profile-link{bottom:0}
}