/* Wenny story: the landing's black stage, centred type and pastel finish. */
.wenny-page{--ink:#f8f6fb;--milk:#08070b;background:#08070b;color:#f8f6fb}
.wenny-page .wenny-main{padding-top:76px;background:#08070b}
.wenny-shell{width:min(1080px,calc(100% - 64px))}
.wenny-back{position:relative;z-index:2;margin-top:16px;color:#b9b4c0}
.wenny-back:hover{color:#fff}
.wenny-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:calc(100svh - 96px);padding:40px 0 72px;text-align:center}
.wenny-intro-heading{position:relative;z-index:1}
.wenny-eyebrow{margin:0 0 8px;color:#c4b4db;font-size:14px;font-weight:650}
.wenny-intro h1{max-width:950px;font-size:clamp(40px,5vw,68px);font-weight:750;line-height:1.17}
.wenny-intro h1 span{margin-left:14px;color:#c2aedf;font-size:.38em;font-weight:550;vertical-align:.11em}
.wenny-intro h2{margin:14px 0 0;font-size:clamp(23px,2.5vw,31px);font-weight:650;line-height:1.38}
.wenny-portrait-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:min(100%,620px);min-height:0;height:clamp(320px,40svh,380px);margin:8px auto 12px;padding:0;border:0;border-radius:0;background:none}
.wenny-portrait-stage::before{content:"";position:absolute;z-index:-1;top:8%;left:50%;width:min(100%,510px);height:80%;border-radius:50%;background:url("./landing-media/outro-sky-still.jpg") center 48%/cover no-repeat;filter:blur(13px);opacity:.78;transform:translateX(-50%);mask-image:radial-gradient(ellipse,#000 24%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 24%,transparent 72%);pointer-events:none}
.wenny-portrait{width:clamp(230px,20vw,270px);filter:drop-shadow(0 18px 38px rgba(151,103,238,.28))}
.wenny-intro-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.wenny-intro-copy{max-width:520px;margin:0;color:#bdb8c5;font-size:16px;line-height:1.65}
.wenny-story-link{justify-content:center;min-height:52px;margin-top:20px;padding:0 24px;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.1);color:#fff;font-size:15px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.wenny-story-link:hover{border-color:#fff;background:#fff;color:#08070b}
.wenny-story{padding:80px 0 110px;border-top:0;scroll-margin-top:76px}
.wenny-story-heading{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px;text-align:center}
.wenny-story-heading h2{font-size:clamp(32px,4vw,52px);font-weight:750}
.wenny-story-heading p{max-width:none;margin:0;color:#bdb8c5;font-size:16px}
.wenny-video-tabs button{color:#f8f6fb}
.wenny-video-tabs button:hover:not([aria-selected="true"]){background:rgba(255,255,255,.12)}
.wenny-video-tabs button[aria-selected="true"]{background:#f8f6fb;color:#08070b}
.wenny-video-tabs button:focus-visible{outline-color:#fff}
.wenny-video{border-color:rgba(255,255,255,.18);background:#050507}
.wenny-return{color:#f8f6fb}
.wenny-page a:focus-visible{outline-color:currentColor}
@media(max-width:980px){.wenny-page .wenny-main{padding-top:76px}.wenny-intro{padding-top:24px}.wenny-portrait-stage{height:clamp(300px,40svh,360px)}.wenny-story-heading{align-items:center}}
@media(max-width:700px){
  .wenny-page .wenny-main{padding-top:62px}
  .wenny-page .site-nav{background:#141219;color:#fff}
  .wenny-page .site-nav a{border-color:rgba(255,255,255,.12)}
  .wenny-shell{width:calc(100% - 40px)}
  .wenny-back{margin-top:10px;font-size:13px}
  .wenny-intro{min-height:calc(100svh - 62px);gap:0;padding:30px 0 56px}
  .wenny-eyebrow{font-size:12px}
  .wenny-intro h1{font-size:clamp(31px,8vw,42px);line-height:1.25}
  .wenny-intro h2{margin-top:14px;font-size:clamp(20px,5.2vw,25px)}
  .wenny-portrait-stage{height:clamp(280px,38svh,340px);margin:8px auto 12px;padding:0;border:0;border-radius:0}
  .wenny-portrait{width:clamp(210px,57vw,245px)}
  .wenny-intro-copy{max-width:340px;margin:0;font-size:14px}
  .wenny-story-link{margin-top:18px}
  .wenny-story{padding:72px 0 80px}
  .wenny-story-heading{align-items:center;gap:10px;margin-bottom:22px}
  .wenny-story-heading h2{font-size:clamp(28px,7.5vw,36px)}
  .wenny-story-heading p{font-size:14px}
  .wenny-video-tabs{flex-wrap:nowrap;gap:6px}
  .wenny-video-tabs button{justify-content:center;min-width:0;padding:8px 10px;font-size:12px;white-space:nowrap}
  .wenny-video-tabs button span{font-size:14px}
  .wenny-video{min-height:0;padding:0}
}
@media(prefers-reduced-motion:reduce){.wenny-story-link,.wenny-video-tabs button{transition:none}}
