.story-page{background:#fff;min-height:100vh;padding-top:80px}.story-hero{color:#fff;background:linear-gradient(130deg,#3e155a,#6d20a5 55%,#df2f91);overflow:hidden}.story-hero__inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;min-height:480px;display:grid}.story-hero__copy>span{color:#ffd5ef;letter-spacing:.12em;align-items:center;gap:7px;font-size:13px;font-weight:900;display:inline-flex}.story-hero h1{letter-spacing:-.06em;margin-top:16px;font-size:clamp(43px,4.5vw,64px);line-height:1.1}.story-hero h1 em{color:#ff9ad3;font-style:normal}.story-hero__copy p{color:#e2cfe9;max-width:560px;margin-top:20px;font-size:17px;line-height:1.7}.story-hero__visual{min-height:430px;position:relative}.story-book{color:#67358a;background:linear-gradient(145deg,#fff,#f0dcf1);border:10px solid #f7edf8;border-radius:9px 24px 24px 9px;justify-content:center;align-items:center;gap:18px;width:270px;height:300px;display:flex;position:absolute;top:16%;right:13%;transform:rotate(7deg);box-shadow:0 34px 55px #1d082c4d}.story-book span{letter-spacing:.06em;font-size:20px;font-weight:900;line-height:1.2}.story-note{z-index:2;color:#432542;width:178px;font-family:var(--font-hand);letter-spacing:-.02em;background:#ffdfa1;padding:20px;font-size:23px;font-weight:400;line-height:1.05;position:absolute;transform:rotate(-7deg);box-shadow:0 16px 25px #280c2d3d}.story-note:before{content:"";background:#ffffff7a;width:53px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.story-note b{font-size:26px;font-weight:400}.story-note--one{top:23%;left:0}.story-note--two{background:#ffc7de;bottom:14%;right:0;transform:rotate(6deg)}.story-featured-section{background:#fff;padding:80px 0 55px}.story-featured{background:#fbf8fd;border:1px solid #eadff0;border-radius:28px;grid-template-columns:.9fr 1.1fr;min-height:420px;transition:transform .25s,box-shadow .25s;display:grid;overflow:hidden;box-shadow:0 20px 55px #48235b17}.story-featured:hover{transform:translateY(-3px);box-shadow:0 26px 65px #48235b24}.story-featured__image{background:linear-gradient(135deg,#7425ad,#f03394);overflow:hidden}.story-featured__image img{object-fit:cover;width:100%;height:100%;display:block}.story-featured__image>span{color:#fff;place-items:center;height:100%;font-size:50px;font-weight:900;display:grid}.story-featured__copy{flex-direction:column;justify-content:center;padding:48px;display:flex}.story-badge{color:#9b2387;background:#f7deef;border-radius:999px;align-self:flex-start;padding:7px 12px;font-size:12px;font-weight:900}.story-featured h2{color:#1c1720;letter-spacing:-.045em;margin-top:20px;font-size:clamp(28px,3vw,41px);line-height:1.3}.story-featured__copy>p{color:#6f6874;margin-top:17px;font-size:15px;line-height:1.75}.story-featured__copy>div{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.story-featured time{color:#9c95a1;font-size:12px}.story-featured__copy>div b{color:#a324a6;align-items:center;gap:6px;font-size:14px;display:inline-flex}.story-browser{background:#f7f6f9;padding:65px 0 110px}.story-browser__head{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.story-browser__head>div>span{color:#9a2edd;letter-spacing:.13em;font-size:12px;font-weight:900}.story-browser__head h2{color:#1b1720;letter-spacing:-.045em;margin-top:7px;font-size:36px}.story-browser__head p{color:#7b7480;margin-top:6px;font-size:13px}.story-search{color:#908798;background:#fff;border:1px solid #ded8e2;border-radius:13px;align-items:center;gap:9px;width:330px;padding:0 16px;display:flex}.story-search input{color:#29232e;width:100%;height:49px;font-size:14px}.story-search input::placeholder{color:#a39ca8}.story-tabs{flex-wrap:wrap;gap:8px;margin:34px 0 28px;display:flex}.story-tabs button{color:#696171;background:#fff;border:1px solid #ddd7e1;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800}.story-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#d92596,#7d28c1);border-color:#8229bd}.story-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.story-card{background:#fff;border:1px solid #e7e2e9;border-radius:21px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 9px 28px #321f3d0d}.story-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #321f3d1c}.story-card>a{flex-direction:column;height:100%;display:flex}.story-card__image{aspect-ratio:16/10;background:linear-gradient(135deg,#7728ae,#ed3a99);overflow:hidden}.story-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.story-card:hover .story-card__image img{transform:scale(1.035)}.story-card__image span{color:#fff;place-items:center;height:100%;font-size:28px;font-weight:900;display:grid}.story-card__body{flex-direction:column;flex:1;padding:23px;display:flex}.story-card__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.story-card__meta span{color:#9b2ca6;font-size:11px;font-weight:900}.story-card__meta time{color:#a39da8;font-size:11px}.story-card h3{color:#211d24;letter-spacing:-.025em;margin-top:13px;font-size:18px;line-height:1.48}.story-card p{color:#77717b;flex:1;margin-top:11px;font-size:13px;line-height:1.7}.story-card__body>b{color:#a026ab;align-items:center;gap:4px;margin-top:18px;font-size:12px;display:inline-flex}.story-empty{color:#8d8592;text-align:center;background:#fff;border:1px dashed #d7d0db;border-radius:20px;padding:80px 20px}.story-pagination{justify-content:center;gap:7px;margin-top:45px;display:flex}.story-pagination button{color:#6f6875;background:#fff;border:1px solid #ded8e2;border-radius:10px;place-items:center;min-width:39px;height:39px;padding:0 10px;font-weight:800;display:inline-grid}.story-pagination button.is-active{color:#fff;background:#872cc2;border-color:#872cc2}.story-pagination button:disabled{opacity:.4;cursor:default}@media (width<=900px){.story-hero__inner{text-align:center;grid-template-columns:1fr;padding-top:75px}.story-hero__copy p{margin-left:auto;margin-right:auto}.story-hero__visual{min-height:340px}.story-book{top:5%;right:50%;transform:translate(50%)rotate(6deg)}.story-featured{grid-template-columns:1fr}.story-featured__image{max-height:420px}.story-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.story-page{padding-top:0}.story-hero h1{font-size:40px}.story-note{width:145px;padding:15px;font-size:18px}.story-note b{font-size:21px}.story-featured-section{padding:50px 0 35px}.story-featured__copy{padding:28px 23px}.story-browser{padding:55px 0 90px}.story-browser__head{flex-direction:column;align-items:stretch}.story-search{width:100%}.story-grid{grid-template-columns:1fr}}