.story-suite{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(1000px 560px at 90% 0,rgba(230,159,80,.12) 0,transparent 60%),radial-gradient(800px 520px at 4% 100%,rgba(20,143,128,.1) 0,transparent 60%),var(--bg-soft)}.story-suite-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.story-suite-ambient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,49,51,.05) 1px,transparent 0),linear-gradient(90deg,rgba(13,49,51,.05) 1px,transparent 0);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 40%,#000 0,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0,transparent 72%)}.story-suite-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 132px 1fr;grid-template-rows:auto 132px auto;grid-template-areas:"tl . tr" ". hub ." "bl . br";grid-gap:22px;gap:22px;margin-top:48px}.story-suite-card{display:flex;align-items:flex-start;gap:18px;padding:28px;border-radius:16px;background:var(--white);border:1px solid rgba(13,49,51,.08);box-shadow:0 18px 40px -28px rgba(13,49,51,.28);text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.story-suite-card:hover{transform:translateY(-5px);box-shadow:0 26px 52px -26px rgba(13,49,51,.32);border-color:var(--accent-border)}.story-suite-card.tl{grid-area:tl}.story-suite-card.tr{grid-area:tr}.story-suite-card.bl{grid-area:bl}.story-suite-card.br{grid-area:br}.story-suite-icon{flex-shrink:0;width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border:1px solid var(--accent-border);color:var(--accent);transition:background .3s ease,color .3s ease}.story-suite-icon svg{width:22px;height:22px}.story-suite-card:hover .story-suite-icon{background:var(--accent);color:var(--primary)}.story-suite-body{flex:1 1;min-width:0}.story-suite-name{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--primary)}.story-suite-tagline{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:4px 0 10px}.story-suite-desc{font-size:13.5px;color:var(--gray-500);line-height:1.7}.story-suite-arrow{flex-shrink:0;margin-left:auto;color:var(--secondary);transition:color .3s ease,transform .3s ease}.story-suite-arrow svg{width:17px;height:17px;display:block}.story-suite-card:hover .story-suite-arrow{color:var(--accent);transform:translate(3px,-3px)}.story-suite-hub{grid-area:hub;position:relative;display:flex}.story-suite-hub-badge{position:absolute;top:50%;left:50%;z-index:2;width:68px;height:68px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(155deg,#123c3e,#0a2624);border:1px solid rgba(230,159,80,.45);box-shadow:0 0 34px -4px rgba(230,159,80,.4),inset 0 0 18px rgba(0,0,0,.3);color:var(--accent)}.story-suite-hub-badge svg{width:18px;height:18px}.story-suite-hub-badge span{font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(238,246,243,.6)}.story-suite-hub-arm{position:absolute;top:50%;left:50%;z-index:1;width:2px;height:58px;transform-origin:top center;background:repeating-linear-gradient(to bottom,var(--accent-border) 0,var(--accent-border) 5px,transparent 5px,transparent 10px)}.story-suite-hub-arm:after{content:"";position:absolute;bottom:-2px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--accent);transform:translateX(-50%)}.story-suite-hub-arm.nw{transform:rotate(225deg)}.story-suite-hub-arm.ne{transform:rotate(315deg)}.story-suite-hub-arm.sw{transform:rotate(135deg)}.story-suite-hub-arm.se{transform:rotate(45deg)}@media (max-width:860px){.story-suite-grid{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"tl" "tr" "bl" "br";gap:16px}.story-suite-hub{display:none}}@media (prefers-reduced-motion:reduce){.story-suite-card{transition:none}}@media (max-width:600px){.story-suite{padding-top:56px;padding-bottom:56px}.story-suite-card{padding:20px;gap:14px}.story-suite-icon{width:40px;height:40px}}