.stories{position:relative;isolation:isolate;overflow:clip;padding:clamp(72px,10vw,140px) 16px clamp(80px,11vw,150px);background:radial-gradient(120% 80% at 80% -10%,#1b275e 0,transparent 55%),radial-gradient(120% 90% at 10% 0,#143a4a 0,transparent 50%),linear-gradient(180deg,#0a0f24,#0b1330 48%,#0a1226);color:#eaf0ff}.stories:after,.stories:before{content:"";position:absolute;inset-inline:0;height:120px;z-index:2;pointer-events:none}.stories:before{top:0;background:linear-gradient(180deg,#0a0f24,transparent)}.stories:after{bottom:0;background:linear-gradient(0deg,#0a1226,transparent)}.stories__aurora{position:absolute;inset:0;z-index:0;overflow:hidden}.stories__blob{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(70px);opacity:.5;will-change:transform}.stories__blob--1{top:-8%;inset-inline-start:-6%;background:radial-gradient(circle,#7d8abc,transparent 65%);animation:blobA 22s ease-in-out infinite}.stories__blob--2{bottom:-12%;inset-inline-end:-8%;background:radial-gradient(circle,#e86aa0,transparent 65%);animation:blobB 26s ease-in-out infinite}.stories__blob--3{top:32%;inset-inline-end:22%;width:32vw;height:32vw;background:radial-gradient(circle,#c079c9,transparent 65%);opacity:.32;animation:blobA 30s ease-in-out infinite reverse}@keyframes blobA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6%,8%) scale(1.12)}}@keyframes blobB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-7%,-6%) scale(1.1)}}.stories__inner{position:relative;z-index:1;max-width:1180px;margin:0 auto}.stories__head{text-align:center;max-width:720px;margin:0 auto clamp(34px,5vw,56px)}.stories__kicker{display:inline-block;font-weight:700;font-size:.82rem;letter-spacing:.12em;padding:7px 16px;border-radius:999px;color:#ffc6de;background:rgba(241,158,194,.14);border:1px solid rgba(241,158,194,.34)}.stories__title{font-size:clamp(2.3rem,6vw,4rem);margin:18px 0 14px;line-height:1.08;background:linear-gradient(110deg,#ffffff 8%,#f4a8c8 48%,#ffd6e6 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.stories__intro{color:#b6c2e6;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.9}.stories__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(34px,5vw,54px)}.fpill{cursor:pointer;font:inherit;font-weight:700;font-size:.9rem;padding:9px 18px;border-radius:999px;color:#c3cef0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .15s}.fpill:hover{color:#fff;border-color:var(--accent);transform:translateY(-1px)}.fpill.is-active{color:#0a0f24;background:var(--accent);border-color:var(--accent);box-shadow:0 10px 30px -10px var(--accent)}.stories__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(14px,1.6vw,22px);gap:clamp(14px,1.6vw,22px)}@media (max-width:980px){.stories__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.stories__grid{grid-template-columns:repeat(2,1fr);gap:12px}}.reel{position:relative;display:block;cursor:pointer;padding:0;aspect-ratio:9/16;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0c1430;color:#fff;text-align:start;box-shadow:0 24px 50px -28px rgba(0,0,0,.8);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s;will-change:transform}.reel--feature{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}@media (max-width:680px){.reel--feature{grid-column:span 2;grid-row:auto;aspect-ratio:9/11}}.reel:focus-visible,.reel:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 34px 60px -26px rgba(0,0,0,.85),0 0 0 1px var(--accent),0 18px 50px -24px var(--accent);outline:none}.reel__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s;filter:saturate(1.02)}.reel:focus-visible .reel__media,.reel:hover .reel__media{transform:scale(1.06)}.reel__grain{mix-blend-mode:overlay;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.18) .5px,transparent .6px);background-size:3px 3px}.reel__grain,.reel__scrim{position:absolute;inset:0;z-index:1;pointer-events:none}.reel__scrim{background:linear-gradient(180deg,rgba(8,12,30,.55),transparent 22%,transparent 42%,rgba(8,12,30,.5) 66%,rgba(6,10,24,.94))}.reel__index{position:absolute;z-index:2;top:12px;inset-inline-start:14px;font-family:var(--font-milan),serif;font-size:1.4rem;color:rgba(255,255,255,.55);text-shadow:0 2px 12px rgba(0,0,0,.5)}.reel__chip{top:13px;inset-inline-end:13px;font-size:.72rem;font-weight:700;padding:5px 11px;border-radius:999px;color:#0a0f24;background:var(--accent-soft);box-shadow:0 6px 18px -8px rgba(0,0,0,.6)}.reel__chip,.reel__play{position:absolute;z-index:2}.reel__play{top:50%;inset-inline-start:50%;transform:translate(50%,-50%) scale(.9);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#0a0f24;background:rgba(255,255,255,.92);box-shadow:0 10px 30px -8px rgba(0,0,0,.6);opacity:0;transition:opacity .35s,transform .35s}.reel__play svg{-webkit-margin-start:2px;margin-inline-start:2px}.reel:focus-visible .reel__play,.reel:hover .reel__play{opacity:1;transform:translate(50%,-50%) scale(1)}.reel__body{position:absolute;z-index:2;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:16px 16px 18px}.reel__badge{align-self:flex-start;font-size:.66rem;font-weight:700;margin-bottom:8px;padding:4px 10px;border-radius:999px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28)}.reel__project{font-family:var(--font-milan),serif;font-size:1.18rem;line-height:1.25}.reel--feature .reel__project{font-size:clamp(1.4rem,2.4vw,2.1rem)}.reel__name{font-size:.86rem;color:var(--accent-soft);font-weight:700;margin-top:2px}.reel__tagline{font-size:.82rem;color:#c7d2f0;margin-top:6px;line-height:1.6}.reel--feature .reel__tagline{font-size:.98rem;max-width:32ch}.reel__more{font-size:.8rem;font-weight:700;color:#fff;margin-top:12px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}.reel:focus-visible .reel__more,.reel:hover .reel__more{opacity:1;transform:none}.lb{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(5,8,20,.82);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.lb__panel{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);grid-gap:0;gap:0;width:min(1080px,100%);max-height:min(88vh,760px);border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#111a3c,#0c1330);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04)}.lb__panel,.lb__stage{position:relative;display:grid}.lb__stage{background:#05070f;place-items:center}.lb__video{width:100%;height:100%;max-height:min(88vh,760px);object-fit:contain;background:#05070f;display:block}.lb__content{position:relative;padding:clamp(22px,3vw,38px);overflow-y:auto;overscroll-behavior:contain}.lb__content::-webkit-scrollbar{width:8px}.lb__content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:8px}.lb__chip{font-size:.74rem;padding:5px 12px;color:#0a0f24;background:var(--accent-soft)}.lb__badge,.lb__chip{display:inline-block;font-weight:700;border-radius:999px}.lb__badge{-webkit-margin-start:8px;margin-inline-start:8px;font-size:.7rem;padding:5px 11px;color:var(--accent-soft);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)}.lb__project{font-family:var(--font-milan),serif;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;margin:16px 0 4px;background:linear-gradient(110deg,#fff,var(--accent-soft));-webkit-background-clip:text;background-clip:text;color:transparent}.lb__name{color:var(--accent-soft);font-weight:700;font-size:1rem}.lb__summary{margin-top:14px;font-size:1.05rem;line-height:1.85;color:#e7ecff;font-weight:500;-webkit-padding-start:14px;padding-inline-start:14px;-webkit-border-start:3px solid var(--accent);border-inline-start:3px solid var(--accent)}.lb__story{margin-top:18px;display:flex;flex-direction:column;gap:14px}.lb__story p{color:#b9c4e6;line-height:1.95;font-size:.97rem}.lb__meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.lb__metaItem{display:flex;flex-direction:column;gap:3px;padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.lb__metaLabel{font-size:.72rem;color:#93a1cc}.lb__metaValue{font-size:1.05rem;font-weight:700;color:#fff}.lb__contact{transition:border-color .25s,background .25s,transform .15s}.lb__contact:hover{border-color:var(--accent);background:rgba(255,255,255,.08);transform:translateY(-2px)}.lb__close,.lb__nav{position:fixed;z-index:1210;cursor:pointer;color:#fff;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:background .2s,transform .15s,border-color .2s}.lb__close{top:20px;inset-inline-end:20px;width:46px;height:46px}.lb__nav{top:50%;transform:translateY(-50%);width:50px;height:50px}.lb__nav--prev{inset-inline-end:22px}.lb__nav--next{inset-inline-start:22px}.lb__close:hover,.lb__nav:hover{background:rgba(255,255,255,.22);border-color:var(--accent)}.lb__nav:hover{transform:translateY(-50%) scale(1.06)}@media (max-width:860px){.lb{padding:0;place-items:stretch}.lb__panel{grid-template-columns:1fr;grid-template-rows:auto 1fr;width:100%;max-height:100vh;height:100%;border-radius:0}.lb__stage,.lb__video{max-height:46vh}.lb__nav{display:none}.lb__close{top:14px;inset-inline-end:14px}}@media (prefers-reduced-motion:reduce){.stories__blob{animation:none}.reel,.reel__media,.reel__more,.reel__play{transition:none}.reel:hover{transform:none}}