:root{

 --bg:#050816;

 --panel:#0d1324;

 --panel-soft:#131a31;

 --text:#f4f7fb;

 --muted:#93a0ba;

 --line:
 rgba(255,255,255,0.08);

 --blue:#7dd3fc;

 --purple:#b388ff;

 --gold:#f6d365;

 --danger:#ff8d8d;

 --radius:28px;

 --shadow:
 0 24px 80px rgba(0,0,0,0.45);
}

*{
 margin:0;
 padding:0;
 box-sizing:border-box;
}

body{

 background:

 radial-gradient(
 circle at top,
 rgba(179,136,255,0.08),
 transparent 34%
 ),

 radial-gradient(
 circle at bottom right,
 rgba(125,211,252,0.06),
 transparent 32%
 ),

 var(--bg);

 color:var(--text);

 font-family:'Pretendard', sans-serif;

 line-height:1.7;

 overflow-x:hidden;
}

a{
 color:inherit;
 text-decoration:none;
}

img{
 display:block;
 width:100%;
}

/* -------------------------- */
/* NAV */
/* -------------------------- */

.nav{

 position:sticky;

 top:0;

 z-index:999;

 backdrop-filter:blur(18px);

 background:
 rgba(5,8,22,0.72);

 border-bottom:
 1px solid var(--line);
}

.nav-inner{

 width:min(
 1280px,
 calc(100% - 48px)
 );

 margin:0 auto;

 height:76px;

 display:flex;
 justify-content:space-between;
 align-items:center;
}

.nav-left{
 display:flex;
 align-items:center;
 gap:18px;
}

.nav-symbol{

 width:38px;
 height:38px;

 border-radius:50%;

 border:
 1px solid rgba(255,255,255,0.1);

 display:flex;
 align-items:center;
 justify-content:center;

 background:
 rgba(255,255,255,0.03);

 font-size:11px;

 letter-spacing:0.2em;
}

.nav-title{

 font-size:13px;

 letter-spacing:0.24em;

 font-weight:700;
}

.nav-menu{

 display:flex;

 gap:32px;
}

.nav-menu a{

 color:var(--muted);

 font-size:13px;

 letter-spacing:0.12em;

 transition:0.2s;
}

.nav-menu a:hover{
 color:#ffffff;
}

/* -------------------------- */
/* HERO */
/* -------------------------- */

.hero{

 width:min(
 1280px,
 calc(100% - 48px)
 );

 margin:0 auto;

 padding:
 110px 0
 90px;

 display:grid;

 grid-template-columns:
 1.1fr 0.9fr;

 gap:60px;

 align-items:center;
}

.hero-left{
 position:relative;
}

.hero-label{

 display:inline-flex;

 align-items:center;

 gap:10px;

 padding:
 10px 14px;

 border-radius:999px;

 border:
 1px solid rgba(255,255,255,0.08);

 background:
 rgba(255,255,255,0.03);

 color:var(--blue);

 font-size:11px;

 letter-spacing:0.18em;

 margin-bottom:28px;
}

.hero-label-dot{

 width:7px;
 height:7px;

 border-radius:50%;

 background:var(--blue);

 box-shadow:
 0 0 18px var(--blue);
}

.hero-title{

 font-size:82px;

 line-height:0.94;

 letter-spacing:-0.07em;

 font-weight:800;

 max-width:760px;
}

.hero-desc{

 margin-top:30px;

 max-width:640px;

 color:var(--muted);

 font-size:18px;

 line-height:1.9;
}

.hero-actions{

 margin-top:42px;

 display:flex;

 gap:16px;
}

.button{

 display:inline-flex;

 align-items:center;
 justify-content:center;

 height:56px;

 padding:
 0 24px;

 border-radius:999px;

 font-size:12px;

 letter-spacing:0.16em;

 transition:0.25s;
}

.button-primary{

 background:
 linear-gradient(
 135deg,
 var(--purple),
 var(--blue)
 );

 color:#ffffff;

 box-shadow:
 0 14px 34px rgba(0,0,0,0.35);
}

.button-primary:hover{
 transform:translateY(-2px);
}

.button-secondary{

 border:
 1px solid var(--line);

 background:
 rgba(255,255,255,0.03);
}

.button-secondary:hover{

 background:
 rgba(255,255,255,0.08);
}

.hero-right{

 position:relative;
}

.hero-panel{

 position:relative;

 overflow:hidden;

 border-radius:32px;

 min-height:720px;

 background:
 linear-gradient(
 180deg,
 rgba(255,255,255,0.04),
 rgba(255,255,255,0.01)
 ),

 var(--panel);

 border:
 1px solid var(--line);

 box-shadow:var(--shadow);
}

.hero-image{

 position:absolute;

 inset:0;

 background-image:
 url('YOUR_IMAGE');

 background-size:cover;

 background-position:center;

 opacity:0.42;

 filter:
 saturate(0.85)
 contrast(1.05);
}

.hero-overlay{

 position:absolute;

 inset:0;

 background:

 linear-gradient(
 to top,
 rgba(0,0,0,0.82),
 rgba(0,0,0,0.05)
 );
}

.hero-info{

 position:absolute;

 left:32px;
 right:32px;
 bottom:32px;

 z-index:2;
}

.hero-code{

 color:var(--gold);

 font-size:12px;

 letter-spacing:0.22em;

 margin-bottom:18px;
}

.hero-panel-title{

 font-size:42px;

 line-height:1.04;

 letter-spacing:-0.05em;

 font-weight:700;
}

.hero-panel-desc{

 margin-top:18px;

 color:var(--muted);

 line-height:1.9;
}

/* -------------------------- */
/* SECTION */
/* -------------------------- */

.section{

 width:min(
 1280px,
 calc(100% - 48px)
 );

 margin:0 auto;

 padding:110px 0;
}

.section-top{

 margin-bottom:40px;
}

.section-label{

 color:var(--purple);

 font-size:11px;

 letter-spacing:0.22em;

 margin-bottom:16px;
}

.section-title{

 font-size:48px;

 line-height:1.02;

 letter-spacing:-0.06em;
}

.section-desc{

 margin-top:18px;

 max-width:760px;

 color:var(--muted);

 line-height:1.9;
}

/* -------------------------- */
/* GRID */
/* -------------------------- */

.grid{

 display:grid;

 grid-template-columns:
 repeat(3, 1fr);

 gap:24px;
}

/* -------------------------- */
/* ARCHIVE CARD */
/* -------------------------- */

.archive-card{

 position:relative;

 overflow:hidden;

 border-radius:28px;

 background:
 linear-gradient(
 180deg,
 rgba(255,255,255,0.04),
 rgba(255,255,255,0.01)
 ),

 var(--panel);

 border:
 1px solid var(--line);

 transition:0.25s;

 box-shadow:var(--shadow);
}

.archive-card:hover{
 transform:translateY(-4px);
}

.archive-thumb{

 width:100%;
 height:260px;

 background-image:
 url('YOUR_IMAGE');

 background-size:cover;

 background-position:center;

 opacity:0.74;
}

.archive-content{
 padding:28px;
}

.archive-type{

 color:var(--blue);

 font-size:11px;

 letter-spacing:0.18em;

 margin-bottom:14px;
}

.archive-name{

 font-size:30px;

 line-height:1.08;

 letter-spacing:-0.05em;

 font-weight:700;
}

.archive-desc{

 margin-top:16px;

 color:var(--muted);

 line-height:1.85;
}

.archive-meta{

 margin-top:24px;

 display:flex;
 justify-content:space-between;
 align-items:center;
}

.archive-status{

 font-size:11px;

 letter-spacing:0.14em;

 color:var(--gold);
}

.archive-link{

 font-size:12px;

 letter-spacing:0.14em;
}

/* -------------------------- */
/* MEMBER */
/* -------------------------- */

.member-card{

 padding:24px;

 border-radius:28px;

 background:
 linear-gradient(
 180deg,
 rgba(255,255,255,0.04),
 rgba(255,255,255,0.01)
 ),

 var(--panel);

 border:
 1px solid var(--line);

 box-shadow:var(--shadow);
}

.member-image{

 width:100%;
 aspect-ratio:1.3/1;

 border-radius:20px;

 background-image:
 url('YOUR_IMAGE');

 background-size:cover;

 background-position:center;

 margin-bottom:22px;
}

.member-role{

 color:var(--purple);

 font-size:11px;

 letter-spacing:0.18em;

 margin-bottom:12px;
}

.member-name{

 font-size:28px;

 letter-spacing:-0.04em;

 font-weight:700;
}

.member-desc{

 margin-top:14px;

 color:var(--muted);

 line-height:1.85;
}

/* -------------------------- */
/* DATABASE */
/* -------------------------- */

.database{

 display:grid;

 grid-template-columns:
 1fr 1fr;

 gap:24px;
}

.database-box{

 padding:32px;

 border-radius:28px;

 background:
 linear-gradient(
 180deg,
 rgba(255,255,255,0.04),
 rgba(255,255,255,0.01)
 ),

 var(--panel);

 border:
 1px solid var(--line);

 box-shadow:var(--shadow);
}

.database-label{

 color:var(--danger);

 font-size:11px;

 letter-spacing:0.18em;

 margin-bottom:18px;
}

.database-title{

 font-size:30px;

 line-height:1.1;

 letter-spacing:-0.05em;
}

.database-desc{

 margin-top:18px;

 color:var(--muted);

 line-height:1.9;
}

/* -------------------------- */
/* FOOTER */
/* -------------------------- */

.footer{

 margin-top:120px;

 border-top:
 1px solid var(--line);

 padding:40px 0;
}

.footer-inner{

 width:min(
 1280px,
 calc(100% - 48px)
 );

 margin:0 auto;

 display:flex;
 justify-content:space-between;
 align-items:center;
}

.footer-left{

 color:var(--muted);

 font-size:13px;
}

.footer-right{

 display:flex;

 gap:20px;
}

.footer-right a{

 color:var(--muted);

 font-size:13px;
}

/* -------------------------- */
/* MOBILE */
/* -------------------------- */

@media (max-width:1024px){

 .hero{
  grid-template-columns:1fr;
 }

 .grid{
  grid-template-columns:
  1fr 1fr;
 }

 .hero-title{
  font-size:62px;
 }

 .database{
  grid-template-columns:1fr;
 }
}

@media (max-width:767px){

 .nav-inner,
 .hero,
 .section,
 .footer-inner{

  width:calc(100% - 32px);
 }

 .nav-menu{
  display:none;
 }

 .hero{

  padding:
  90px 0
  70px;
 }

 .hero-title{

  font-size:44px;

  line-height:1.02;
 }

 .hero-desc{

  font-size:15px;
 }

 .hero-actions{

  flex-direction:column;
 }

 .button{
  width:100%;
 }

 .hero-panel{
  min-height:520px;
 }

 .section{

  padding:80px 0;
 }

 .section-title{
  font-size:34px;
 }

 .grid{
  grid-template-columns:1fr;
 }

 .archive-content,
 .database-box{
  padding:24px;
 }

 .archive-name,
 .database-title{
  font-size:24px;
 }

 .footer-inner{

  flex-direction:column;

  align-items:flex-start;

  gap:14px;
 }
}

/* -------------------------- */
/* ENTITY REPORT */
/* -------------------------- */

.entity-report{

 width:min(
 1100px,
 calc(100% - 48px)
 );

 margin:0 auto;

 padding:
 80px 0
 140px;
}

/* HERO */

.report-hero{

 margin-bottom:120px;
}

.report-meta{

 display:flex;

 justify-content:space-between;

 align-items:center;

 margin-bottom:28px;
}

.report-label{

 color:var(--purple);

 font-size:11px;

 letter-spacing:0.24em;
}

.report-id{

 color:var(--muted);

 font-size:12px;

 letter-spacing:0.14em;
}

.report-hero-grid{

 display:grid;

 grid-template-columns:
 1fr 480px;

 gap:48px;

 align-items:end;
}

.report-status{

 display:inline-flex;

 align-items:center;

 gap:10px;

 padding:
 12px 18px;

 border-radius:999px;

 background:
 rgba(255,255,255,0.04);

 border:
 1px solid var(--line);

 margin-bottom:24px;

 font-size:11px;

 letter-spacing:0.18em;

 color:var(--gold);

 width:fit-content;

 line-height:1.4;

 white-space:nowrap;
}

.status-dot{

 width:8px;
 height:8px;

 border-radius:50%;

 background:var(--gold);

 box-shadow:
 0 0 16px var(--gold);

 flex-shrink:0;
}

.report-title{

 font-size:82px;

 line-height:0.92;

 letter-spacing:-0.08em;

 margin-bottom:18px;
}

.report-subtitle{

 color:var(--muted);

 letter-spacing:0.18em;

 font-size:12px;

 margin-bottom:18px;
}

.report-original{

 color:rgba(255,255,255,0.45);

 font-size:13px;

 letter-spacing:0.12em;

 margin-bottom:26px;
}

.report-line{

 max-width:620px;

 font-size:22px;

 line-height:1.7;

 color:#ffffff;
}

/* IMAGE */

.report-visual{

 position:relative;
}

.report-image{

 width:100%;

 aspect-ratio:1.2/1;

 border-radius:32px;

 background-size:cover;

 background-position:center;

 position:relative;

 overflow:hidden;

 border:
 1px solid var(--line);

 box-shadow:var(--shadow);
}

.report-image::after{

 content:"";

 position:absolute;

 inset:0;

 background:

 linear-gradient(
 to top,
 rgba(0,0,0,0.68),
 rgba(0,0,0,0.05)
 );
}

.report-image-caption{

 position:absolute;

 left:24px;
 bottom:24px;

 z-index:3;

 font-size:11px;

 letter-spacing:0.18em;

 color:rgba(255,255,255,0.75);
}

/* TAG */

.tag-group{

 display:flex;

 flex-wrap:wrap;

 gap:12px;

 margin-top:36px;
}

.tag{

 padding:
 10px 14px;

 border-radius:999px;

 background:
 rgba(255,255,255,0.04);

 border:
 1px solid rgba(255,255,255,0.08);

 color:var(--muted);

 font-size:12px;

 letter-spacing:0.08em;

 transition:0.25s;
}

.tag:hover{

 color:#ffffff;

 transform:translateY(-2px);

 box-shadow:
 0 0 24px rgba(179,136,255,0.28);
}
.tag{

 position:relative;

 overflow:hidden;
}

.tag::after{

 position:absolute;

 inset:0;

 display:flex;

 align-items:center;
 justify-content:center;

 background:
 rgba(179,136,255,0.12);

 color:#ffffff;

 font-size:10px;

 letter-spacing:0.18em;

 opacity:0;

 transition:0.25s;
}

.tag:hover::after{
 opacity:1;
}

/* SECTION */

.report-section{

 margin-bottom:120px;
}

.report-section-head{

 margin-bottom:34px;
}

.report-section-label{

 color:var(--purple);

 font-size:11px;

 letter-spacing:0.22em;

 margin-bottom:12px;
}

.report-section-head h2{

 font-size:42px;

 letter-spacing:-0.05em;
}

/* DATA */

.report-data-grid{

 display:grid;

 grid-template-columns:
 repeat(3,1fr);

 gap:20px;
}

.report-data{

 padding:26px;

 border-radius:24px;

 background:
 linear-gradient(
 180deg,
 rgba(255,255,255,0.04),
 rgba(255,255,255,0.015)
 );

 border:
 1px solid var(--line);
}

.data-label{

 color:var(--muted);

 font-size:11px;

 letter-spacing:0.18em;

 margin-bottom:14px;
}

.data-value{

 font-size:20px;

 line-height:1.5;
}

/* TEXT */

.report-text-box{

 padding:42px;

 border-radius:32px;

 background:
 rgba(255,255,255,0.03);

 border:
 1px solid var(--line);
}

.report-text-box p{

 color:#d6deef;

 line-height:2;

 margin-bottom:24px;
}

.report-text-box p:last-child{
 margin-bottom:0;
}

/* EFFECT */

.effect-list{

 display:flex;

 flex-direction:column;

 gap:18px;
}

.effect-item{

 display:flex;

 gap:24px;

 align-items:flex-start;

 padding-bottom:18px;

 border-bottom:
 1px solid rgba(255,255,255,0.06);
}

.effect-item span{

 color:var(--purple);

 font-size:13px;

 letter-spacing:0.2em;

 min-width:30px;
}

.effect-item p{

 color:#dce5f8;

 line-height:1.9;
}

/* LOG */

.log-list{

 display:flex;

 flex-direction:column;

 gap:24px;
}

.log-card{

 padding:36px;

 border-radius:28px;

 background:
 rgba(255,255,255,0.03);

 border:
 1px solid var(--line);

 position:relative;

 overflow:hidden;
}

.log-card::before{

 content:"";

 position:absolute;

 top:0;
 left:0;

 width:2px;
 height:100%;

 background:
 linear-gradient(
 to bottom,
 var(--purple),
 transparent
 );
}

.log-code{

 color:var(--blue);

 font-size:11px;

 letter-spacing:0.22em;

 margin-bottom:18px;
}

.log-card p{

 color:#dce5f8;

 line-height:2;
}

/* RELATED TAGS */

.related-tags-grid{

 display:grid;

 grid-template-columns:
 repeat(3,1fr);

 gap:20px;
}

.related-tag-card{

 padding:28px;

 border-radius:24px;

 background:
 rgba(255,255,255,0.03);

 border:
 1px solid var(--line);

 transition:0.25s;
}

.related-tag-card:hover{

 transform:translateY(-4px);

 box-shadow:
 0 0 28px rgba(179,136,255,0.16);
}

.related-tag-name{

 font-size:22px;

 margin-bottom:16px;
}

.related-tag-desc{

 color:var(--muted);

 line-height:1.8;
}

/* ASSOCIATED */

.associated-card{

 display:block;

 padding:42px;

 border-radius:32px;

 background:
 linear-gradient(
 135deg,
 rgba(179,136,255,0.08),
 rgba(125,211,252,0.04)
 );

 border:
 1px solid rgba(255,255,255,0.08);

 transition:0.3s;
}

.associated-card:hover{

 transform:translateY(-4px);
}

.associated-type{

 color:var(--blue);

 font-size:11px;

 letter-spacing:0.2em;

 margin-bottom:16px;
}

.associated-title{

 font-size:42px;

 letter-spacing:-0.06em;

 margin-bottom:18px;
}

.associated-desc{

 color:#dbe4f7;

 line-height:1.9;

 margin-bottom:28px;
}

.associated-link{

 color:#ffffff;

 letter-spacing:0.14em;

 font-size:12px;
}

/* RESTRICTED */

.restricted-box{

 position:relative;
}

.restricted-cover{

 padding:42px;

 border-radius:32px;

 background:
 rgba(255,255,255,0.03);

 border:
 1px solid rgba(255,255,255,0.08);
}

.restricted-label{

 color:var(--danger);

 font-size:11px;

 letter-spacing:0.22em;

 margin-bottom:18px;
}

.restricted-cover p{

 color:#dce5f8;

 line-height:1.9;

 margin-bottom:28px;
}

.restricted-input-wrap{

 display:flex;

 gap:12px;
}

.restricted-input{

 flex:1;

 height:56px;

 border:none;

 outline:none;

 border-radius:18px;

 background:
 rgba(255,255,255,0.04);

 border:
 1px solid rgba(255,255,255,0.08);

 color:#ffffff;

 padding:
 0 18px;
}

.restricted-button{

 height:56px;

 padding:
 0 22px;

 border:none;

 border-radius:18px;

 background:
 linear-gradient(
 135deg,
 var(--purple),
 var(--blue)
 );

 color:white;

 cursor:pointer;
}

.restricted-message{

 margin-top:18px;

 color:var(--muted);

 font-size:12px;

 letter-spacing:0.14em;
}

.restricted-content{

 margin-top:32px;

 transition:0.4s;
}

.locked{

 filter:blur(10px);

 opacity:0.3;

 pointer-events:none;
}

.unlocked{

 filter:blur(0);

 opacity:1;
}

/* NOTICE */

.report-notice{

 padding:42px;

 border-radius:32px;

 background:
 rgba(255,255,255,0.03);

 border:
 1px solid rgba(255,255,255,0.08);
}

.notice-label{

 color:var(--gold);

 font-size:11px;

 letter-spacing:0.22em;

 margin-bottom:18px;
}

.report-notice p{

 color:#dce5f8;

 line-height:1.9;
}

/* MOBILE */

@media (max-width:1024px){

 .report-hero-grid{
  grid-template-columns:1fr;
 }

 .report-data-grid,
 .related-tags-grid{
  grid-template-columns:1fr 1fr;
 }

 .report-title{
  font-size:64px;
 }
}

@media (max-width:767px){

 .entity-report{
  width:calc(100% - 32px);
 }

 .report-title{
  font-size:44px;
 }

 .report-line{
  font-size:18px;
 }

 .report-data-grid,
 .related-tags-grid{
  grid-template-columns:1fr;
 }

 .report-section-head h2{
  font-size:32px;
 }

 .associated-title{
  font-size:32px;
 }

 .restricted-input-wrap{
  flex-direction:column;
 }
}

/* -------------------------- */
/* ENTITY GRID */
/* -------------------------- */

.entity-grid{

 display:grid;

 grid-template-columns:
 repeat(
  auto-fit,
  minmax(260px,1fr)
 );

 gap:15px;
}

.entity-card{

 position:relative;

 overflow:hidden;

 border-radius:36px;

 min-height:540px;

 border:
 1px solid rgba(255,255,255,0.06);

 transition:0.35s;

 background:#060816;
}

.entity-card::after{

 content:"";

 position:absolute;

 inset:0;

 background-image:
 url("../images/ui/noise.png");

 opacity:0.06;

 mix-blend-mode:screen;

 pointer-events:none;
}

.entity-card:hover{

 transform:
 translateY(-6px);

 box-shadow:
 0 0 42px rgba(179,136,255,0.18);
}

.entity-thumb{

 position:absolute;

 inset:0;

 background-size:cover;

  filter:
 drop-shadow(0 0 32px rgba(0,0,0,0.6));
}

.entity-overlay{

 position:absolute;

 inset:0;

 background:

 linear-gradient(
 to top,
 rgba(0,0,0,0.96),
 rgba(0,0,0,0.35)
 ),

 radial-gradient(
 circle at center,
 rgba(91,63,191,0.08),
 transparent 70%
 );
}

.entity-content{

 position:absolute;

 inset:0;

 padding:34px;

 z-index:3;

 display:flex;

 flex-direction:column;

 justify-content:space-between;
}

.entity-top{

 display:flex;

 justify-content:space-between;

 align-items:center;

 margin-bottom:22px;
}

.entity-bottom{

 max-width:420px;
}

.entity-id{

 color:rgba(255,255,255,0.62);

 font-size:11px;

 letter-spacing:0.18em;
}

.entity-status{

 color:var(--gold);

 font-size:11px;

 letter-spacing:0.18em;
}

.entity-card h3{

 font-size:38px;

 line-height:0.92;

 letter-spacing:-0.08em;

 margin-bottom:20px;
}

.entity-card p{

 color:#dbe4f7;

 line-height:1.9;

 margin-bottom:26px;
}

.entity-tags{

 display:flex;

 flex-wrap:wrap;

 gap:10px;
}

.entity-tags span{

 padding:
 10px 14px;

 border-radius:999px;

 background:
 rgba(255,255,255,0.06);

 border:
 1px solid rgba(255,255,255,0.08);

 color:#dce5f8;

 font-size:11px;

 letter-spacing:0.08em;
}

@media (max-width:767px){

 .entity-grid{
  grid-template-columns:1fr;
 }

 .entity-card{
  min-height:460px;
 }

 .entity-card h3{
  font-size:42px;
 }
}

/* -------------------------- */
/* STORY GRID */
/* -------------------------- */

.story-grid{

 display:grid;

 grid-template-columns:
 repeat(2,1fr);

 gap:28px;
}

.story-card{

 position:relative;

 overflow:hidden;

 border-radius:32px;

 min-height:520px;

 border:
 1px solid rgba(255,255,255,0.06);

 transition:0.35s;
}

.story-card:hover{

 transform:
 translateY(-6px);

 box-shadow:
 0 0 42px rgba(179,136,255,0.18);
}

.story-thumb{

 position:absolute;

 inset:0;

 background-size:cover;
}

.story-overlay{

 position:absolute;

 inset:0;

 background:
 linear-gradient(
 to top,
 rgba(0,0,0,0.92),
 rgba(0,0,0,0.08)
 );
}

.story-content{

 position:absolute;

 left:0;
 right:0;
 bottom:0;

 padding:36px;

 z-index:3;
}

.story-type{

 color:var(--blue);

 font-size:11px;

 letter-spacing:0.18em;

 margin-bottom:18px;
}

.story-card h3{

 font-size:52px;

 line-height:0.95;

 letter-spacing:-0.08em;

 margin-bottom:22px;
}

.story-card p{

 color:#dce5f8;

 line-height:1.9;

 margin-bottom:32px;
}

.story-bottom{

 display:flex;

 justify-content:space-between;

 align-items:center;
}

.story-status{

 color:var(--gold);

 font-size:11px;

 letter-spacing:0.18em;
}

.story-open{

 color:#ffffff;

 font-size:12px;

 letter-spacing:0.18em;
}

@media (max-width:767px){

 .story-grid{
  grid-template-columns:1fr;
 }

 .story-card{
  min-height:440px;
 }

 .story-card h3{
  font-size:40px;
 }
}

/* -------------------------- */
/* STORY REPORT */
/* -------------------------- */

.story-report{

 width:min(
 1200px,
 calc(100% - 48px)
 );

 margin:0 auto;

 padding:
 0 0
 140px;
}

/* HERO */

.story-report-hero{

 position:relative;

 overflow:hidden;

 border-radius:40px;

 min-height:760px;

 margin-top:40px;

 margin-bottom:100px;

 border:
 1px solid rgba(255,255,255,0.06);

 background:#070b1a;

 box-shadow:var(--shadow);
}

.story-report-bg{

 position:absolute;

 inset:0;

 background-size:cover;

 background-position:center;

 opacity:0.38;

 filter:
 saturate(0.9)
 contrast(1.05);
}

.story-report-overlay{

 position:absolute;

 inset:0;

 background:

 linear-gradient(
 to top,
 rgba(0,0,0,0.96),
 rgba(0,0,0,0.25)
 ),

 radial-gradient(
 circle at center,
 rgba(91,63,191,0.12),
 transparent 70%
 );
}

.story-report-inner{

 position:relative;

 z-index:3;

 min-height:760px;

 padding:42px;

 display:flex;

 flex-direction:column;

 justify-content:space-between;
}

/* META */

.story-report-meta{

 display:flex;

 justify-content:space-between;

 align-items:flex-start;
}

.story-report-label{

 color:var(--blue);

 font-size:11px;

 letter-spacing:0.22em;
}

.story-report-id{

 color:rgba(255,255,255,0.65);

 font-size:11px;

 letter-spacing:0.18em;
}

/* CONTENT */

.story-report-content{

 max-width:760px;
}

.story-report-type{

 color:var(--gold);

 font-size:11px;

 letter-spacing:0.22em;

 margin-bottom:18px;
}

.story-report-content h1{

 font-size:92px;

 line-height:0.9;

 letter-spacing:-0.08em;

 margin-bottom:28px;
}

.story-report-content p{

 font-size:24px;

 line-height:1.8;

 color:#f4f7fb;

 margin-bottom:36px;
}

/* TAGS */

.story-report-tags{

 display:flex;

 flex-wrap:wrap;

 gap:12px;
}

/* ENTITY GRID */

.story-entity-grid{

 display:grid;

 grid-template-columns:
 repeat(
  auto-fit,
  minmax(260px,1fr)
 );

 gap:24px;
}

.story-entity-card{

 position:relative;

 overflow:hidden;

 border-radius:28px;

 min-height:340px;

 border:
 1px solid rgba(255,255,255,0.06);

 background:#070b1a;

 transition:0.3s;
}

.story-entity-card:hover{

 transform:
 translateY(-4px);

 box-shadow:
 0 0 32px rgba(179,136,255,0.18);
}

.story-entity-thumb{

 position:absolute;

 inset:0;

 background-size:cover;
}

.story-entity-overlay{

 position:absolute;

 inset:0;

 background:

 linear-gradient(
 to top,
 rgba(0,0,0,0.92),
 rgba(0,0,0,0.12)
 );
}

.story-entity-content{

 position:absolute;

 left:24px;
 right:24px;
 bottom:24px;

 z-index:3;
}

.story-entity-id{

 color:rgba(255,255,255,0.65);

 font-size:11px;

 letter-spacing:0.18em;

 margin-bottom:14px;
}

.story-entity-content h3{

 font-size:38px;

 line-height:0.96;

 letter-spacing:-0.06em;
}

/* MOBILE */

@media (max-width:767px){

 .story-report{

  width:calc(100% - 32px);
 }

 .story-report-hero{

  min-height:620px;
 }

 .story-report-inner{

  min-height:620px;

  padding:28px;
 }

 .story-report-content h1{

  font-size:52px;
 }

 .story-report-content p{

  font-size:18px;
 }

 .story-entity-grid{

  grid-template-columns:1fr;
 }
}