:root{--story-bg:#f4efe7;--story-surface:#fbf8f2;--story-paper:#fffdf8;--story-ink:#241d27;--story-muted:#776d78;--story-line:rgba(49,35,54,.14);--story-lilac:#d8c3df;--story-plum:#4b2d53;--story-deep:#302038;--story-gold:#cda95c;--story-pink:#d8aebd;--story-green:#64775f}
[data-theme="dark"]{--story-bg:#17131a;--story-surface:#211a25;--story-paper:#261e2b;--story-ink:#f4eee7;--story-muted:#b8aeba;--story-line:rgba(244,238,231,.14);--story-lilac:#8d6b96;--story-plum:#d7b9df;--story-deep:#0f0b12;--story-gold:#dfbf76;--story-pink:#b98598;--story-green:#93a78c}
body{background:var(--story-bg);color:var(--story-ink)}
.stories-page{max-width:1440px}
.stories-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:18px 0 38px;border-bottom:1px solid var(--story-line)}
.stories-intro h1{margin:7px 0 10px;font:500 clamp(48px,6vw,84px)/.93 var(--font-display);letter-spacing:-.045em}
.stories-lead{max-width:510px;margin:0;color:var(--story-muted);font-size:13px;line-height:1.8}
.stories-overview{display:grid;grid-template-columns:145px 145px 145px minmax(230px,1fr);border-bottom:1px solid var(--story-line);margin-bottom:68px}
.stories-overview>div{min-height:126px;padding:25px 22px;border-right:1px solid var(--story-line)}
.stories-overview>div:first-child{padding-left:0}.overview-label{display:block;font-size:8px;letter-spacing:.17em;color:var(--story-muted);font-weight:700}.stories-overview strong{display:block;margin-top:17px;font:500 34px var(--font-display)}.overview-note{display:flex!important;align-items:center;gap:18px;border-right:0!important}.overview-rule{width:38px;height:1px;background:var(--story-gold);flex:none}.overview-note p{max-width:280px;margin:0;color:var(--story-muted);font-size:10px;line-height:1.6}
.stories-library{padding-bottom:50px}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.library-heading h2{margin:6px 0 0;font:500 37px var(--font-display)}.library-tools{display:flex;gap:5px;border-bottom:1px solid var(--story-line);padding-bottom:6px}.filter-btn{border:0;background:none;color:var(--story-muted);font:600 9px var(--font-body);letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;cursor:pointer}.filter-btn.active{color:var(--story-plum);border-bottom:2px solid var(--story-gold)}
.story-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 32px}.story-work-card{min-width:0;position:relative}.story-work-card .cover-wrap{position:relative;aspect-ratio:2/3;max-width:310px;background:var(--story-lilac);overflow:hidden;box-shadow:12px 18px 30px rgba(35,22,42,.12);transition:transform .35s ease,box-shadow .35s ease}.story-work-card:hover .cover-wrap{transform:translateY(-6px) rotate(-.35deg);box-shadow:15px 25px 38px rgba(35,22,42,.18)}.story-work-card .cover-wrap img{width:100%;height:100%;object-fit:cover;display:block}.story-cover-fallback{height:100%;display:flex;align-items:flex-end;padding:28px;background:linear-gradient(145deg,var(--story-lilac),var(--story-plum));color:#fff;font:500 72px/1 var(--font-display)}.story-status{position:absolute;top:12px;left:12px;background:rgba(255,253,248,.9);color:#342738;padding:7px 9px;font:700 7px var(--font-body);letter-spacing:.14em;text-transform:uppercase}.story-card-copy{padding-top:19px;max-width:310px}.story-card-kicker{display:flex;align-items:center;gap:8px;color:var(--story-muted);font:700 7px var(--font-body);letter-spacing:.14em;text-transform:uppercase}.story-card-kicker i{width:20px;height:1px;background:var(--story-gold)}.story-card-title{margin:8px 0 7px;font:500 27px/1.08 var(--font-display);letter-spacing:-.02em}.story-card-meta{margin:0;color:var(--story-muted);font-size:9px;line-height:1.6}.story-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:13px;border-top:1px solid var(--story-line)}.story-card-stats{display:flex;gap:14px;color:var(--story-muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.story-card-actions{display:flex;gap:8px}.story-open,.story-edit{border:0;background:none;padding:0;cursor:pointer;font:700 8px var(--font-body);letter-spacing:.11em;text-transform:uppercase}.story-open{color:var(--story-plum)}.story-edit{color:var(--story-muted)}.story-open:hover,.story-edit:hover{text-decoration:underline;text-underline-offset:3px}
.studio-empty{display:flex;align-items:center;gap:25px;padding:45px 0;border-top:1px solid var(--story-line);border-bottom:1px solid var(--story-line)}.empty-number{font:500 46px var(--font-display);color:var(--story-gold)}.studio-empty h3{margin:4px 0 7px;font:500 28px var(--font-display)}.studio-empty p:not(.eyebrow){margin:0 0 20px;color:var(--story-muted);font-size:11px;line-height:1.7}.studio-empty .button{display:inline-flex}
[data-theme="dark"] .story-status{background:rgba(25,19,29,.9);color:#f5eee7}
@media(max-width:980px){.stories-intro{align-items:flex-start;flex-direction:column}.stories-intro .button{align-self:flex-start}.stories-overview{grid-template-columns:repeat(3,1fr)}.overview-note{grid-column:1/-1;border-top:1px solid var(--story-line);min-height:85px}.story-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 25px}}
@media(max-width:650px){.stories-page{padding-top:30px}.stories-intro{padding-bottom:30px}.stories-intro h1{font-size:52px}.stories-lead{font-size:11px}.stories-overview{grid-template-columns:repeat(3,1fr);margin-bottom:52px}.stories-overview>div{min-height:90px;padding:18px 10px}.stories-overview>div:first-child{padding-left:0}.stories-overview strong{font-size:25px;margin-top:11px}.overview-label{font-size:7px}.overview-note{padding-left:0!important}.overview-note p{font-size:9px}.library-heading{align-items:flex-start;flex-direction:column}.library-tools{width:100%;overflow:auto}.filter-btn{white-space:nowrap}.story-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 15px}.story-work-card .cover-wrap{max-width:none}.story-card-copy{padding-top:13px}.story-card-title{font-size:20px}.story-card-meta{font-size:8px}.story-card-foot{display:block}.story-card-actions{margin-top:12px}.story-card-stats{gap:8px}.studio-empty{align-items:flex-start}.empty-number{font-size:34px}}

/* Story lifecycle action */
.story-card-actions .story-unpublish{border:0;background:none;color:var(--story-muted,#756b78);padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.story-card-actions .story-unpublish:hover{color:var(--story-ink,#241d26)}

/* Keep the browser hidden attribute authoritative for loading, signed-out and shelf states. */
[hidden]{display:none!important}