/* MARSE refinement layer — compact home + dropdown navigation */

/* Header / dropdown navigation */
.marse-site-header--refined{position:sticky;top:0;z-index:120;background:rgba(251,247,239,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,49,82,.09)}
.marse-nav--dropdown{display:flex;align-items:stretch;gap:2px}
.marse-menu-item{position:relative;display:flex;align-items:center}
.marse-menu-trigger{display:flex;align-items:center;min-height:80px;padding:0 14px;text-decoration:none;font-size:.84rem;font-weight:800;color:var(--marse-navy);position:relative}
.marse-menu-trigger:after{content:"";position:absolute;left:14px;right:100%;bottom:18px;height:2px;background:var(--marse-teal);transition:right .18s ease}
.marse-menu-item:hover>.marse-menu-trigger:after,.marse-menu-item:focus-within>.marse-menu-trigger:after{right:14px}
.marse-dropdown{position:absolute;top:calc(100% - 1px);left:0;width:360px;padding:12px;background:#fff;border:1px solid rgba(15,49,82,.12);box-shadow:0 24px 60px rgba(9,35,61,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;pointer-events:none}
.marse-menu-item--right .marse-dropdown{left:auto;right:0}
.marse-menu-item:hover>.marse-dropdown,.marse-menu-item:focus-within>.marse-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.marse-dropdown a{display:block;text-decoration:none;padding:12px 13px;border-bottom:1px solid #edf0f1}
.marse-dropdown a:last-child{border-bottom:0}
.marse-dropdown a:hover,.marse-dropdown a:focus{background:#f4f8f7}
.marse-dropdown strong{display:block;color:var(--marse-navy);font-size:.84rem;line-height:1.38}
.marse-dropdown span{display:block;margin-top:3px;color:#72808a;font-size:.72rem;line-height:1.45}

.marse-mobile-menu--refined .marse-mobile-links{width:min(360px,calc(100vw - 30px));max-height:78vh;overflow:auto}
.marse-mobile-menu--refined .marse-mobile-links>details{border-bottom:1px solid var(--marse-line)}
.marse-mobile-menu--refined .marse-mobile-links>details:last-child{border-bottom:0}
.marse-mobile-menu--refined .marse-mobile-links>details>summary{cursor:pointer;list-style:none;padding:12px 11px;font-size:.84rem;font-weight:850;color:var(--marse-navy)}
.marse-mobile-menu--refined .marse-mobile-links>details>summary::-webkit-details-marker{display:none}
.marse-mobile-menu--refined .marse-mobile-links>details>a{padding:9px 18px 9px 22px;font-size:.79rem;font-weight:650;color:#4f5e69}

/* Minimal homepage */
.marse-home--minimal{background:#fbf8f2}
.marse-home-minimal-hero{position:relative;overflow:hidden;min-height:540px;border-bottom:1px solid rgba(15,49,82,.10);background:linear-gradient(100deg,#fbf8f2 0%,#fbf8f2 56%,#f3f0e9 100%)}
.marse-home-quiet-photo{position:absolute;inset:0 0 0 auto;width:42%;background:url("https://marse.org.tr/wp-content/uploads/2026/10/MARSE-hero-erkek-danisma-sahnesi.jpg") center center/cover no-repeat;opacity:.20;filter:saturate(.50) contrast(.80) brightness(1.05);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 28%,#000 76%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 28%,#000 76%)}
.marse-home-minimal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,248,242,1) 0%,rgba(251,248,242,.98) 48%,rgba(251,248,242,.58) 70%,rgba(251,248,242,.16) 100%);pointer-events:none}
.marse-home-minimal-grid{position:relative;z-index:2;min-height:540px;display:grid;align-items:center;padding-top:58px;padding-bottom:58px}
.marse-home-minimal-copy{max-width:850px}
.marse-home-minimal-copy .marse-overline{margin-bottom:18px;color:var(--marse-teal-dark)}
.marse-home-minimal-copy h1{font-family:"Literata",Georgia,serif;font-size:clamp(3rem,5vw,5.85rem);line-height:.99;letter-spacing:-.045em;color:var(--marse-navy-deep);max-width:1050px;margin:0}
.marse-home-lead{max-width:790px;margin:28px 0 0;font-size:1.03rem;line-height:1.78;color:#4f5d68}
.marse-home-minimal-copy .marse-hero-actions{margin-top:30px}

.marse-audience-band{background:#fff;border-bottom:1px solid var(--marse-line)}
.marse-audience-grid{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:center;padding-top:30px;padding-bottom:30px}
.marse-audience-grid h2{font-family:"Literata",Georgia,serif;color:var(--marse-navy);font-size:1.35rem;line-height:1.2;margin:0}
.marse-audience-list{display:flex;gap:10px 22px;flex-wrap:wrap}
.marse-audience-list span{position:relative;font-size:.81rem;font-weight:760;color:#586671;padding-left:14px}
.marse-audience-list span:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--marse-coral)}

.marse-home-areas{padding:88px 0 94px;background:#fffdf9}
.marse-home-section-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);column-gap:70px;align-items:end;margin-bottom:38px}
.marse-home-section-intro .marse-overline{grid-column:1/-1;margin-bottom:15px}
.marse-home-section-intro h2{font-family:"Literata",Georgia,serif;font-size:clamp(2.35rem,4vw,4.4rem);line-height:1.02;letter-spacing:-.04em;color:var(--marse-navy-deep);margin:0}
.marse-home-section-intro p{margin:0;font-size:.94rem;line-height:1.72;color:#64717c;max-width:520px}
.marse-home-area-list{border-top:1px solid var(--marse-line)}
.marse-home-area-list>a{display:grid;grid-template-columns:70px minmax(190px,.72fr) minmax(280px,1.3fr) auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--marse-line);text-decoration:none;transition:padding .18s ease,background .18s ease}
.marse-home-area-list>a:hover{padding-left:12px;background:linear-gradient(90deg,rgba(35,124,119,.055),transparent 72%)}
.marse-home-area-list span{font:800 .82rem/1 "Literata",Georgia,serif;color:var(--marse-coral)}
.marse-home-area-list h3{font:700 1.45rem/1.16 "Literata",Georgia,serif;color:var(--marse-navy);margin:0}
.marse-home-area-list p{font-size:.86rem;line-height:1.58;color:#66737d;margin:0}
.marse-home-area-list b{font-size:.76rem;color:var(--marse-navy);white-space:nowrap}

.marse-home-institute{padding:84px 0 92px;background:#eef5f1}
.marse-home-institute-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.7fr);gap:78px;align-items:start}
.marse-home-institute h2{font-family:"Literata",Georgia,serif;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.03;letter-spacing:-.04em;color:var(--marse-navy-deep);margin:.25em 0 .28em}
.marse-home-institute p{font-size:.97rem;line-height:1.75;color:#596873;max-width:760px}
.marse-founder-quiet{border-left:1px solid rgba(15,49,82,.22);padding-left:30px;margin-top:10px}
.marse-founder-quiet>span{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:var(--marse-teal-dark)}
.marse-founder-quiet>strong{display:block;font:700 2rem/1.12 "Literata",Georgia,serif;color:var(--marse-navy-deep);margin:12px 0 10px}
.marse-founder-quiet p{font-size:.84rem;line-height:1.65;margin:0;color:#64717c}

/* Refined footer emphasis */
.marse-footer--refined .marse-footer-bottom span:last-child{letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}

@media(max-width:1120px){
  .marse-nav--dropdown{display:none}
  .marse-mobile-menu--refined{display:block}
  .marse-home-quiet-photo{width:56%;opacity:.22}
}

@media(max-width:820px){
  .marse-home-minimal-hero,.marse-home-minimal-grid{min-height:500px}
  .marse-home-quiet-photo{width:100%;opacity:.14;mask-image:linear-gradient(180deg,#000 0%,transparent 86%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 86%)}
  .marse-home-minimal-hero:after{background:rgba(251,248,242,.82)}
  .marse-audience-grid{grid-template-columns:1fr;gap:16px}
  .marse-home-section-intro{grid-template-columns:1fr;gap:18px}
  .marse-home-section-intro .marse-overline{grid-column:auto}
  .marse-home-area-list>a{grid-template-columns:48px 1fr auto;gap:14px}
  .marse-home-area-list p{grid-column:2/-1}
  .marse-home-institute-grid{grid-template-columns:1fr;gap:42px}
  .marse-founder-quiet{border-left:0;border-top:1px solid rgba(15,49,82,.22);padding:26px 0 0}
}

@media(max-width:600px){
  .marse-home-minimal-grid{padding-top:46px;padding-bottom:46px}
  .marse-home-minimal-copy h1{font-size:clamp(2.45rem,12vw,3.65rem)}
  .marse-home-lead{font-size:.95rem}
  .marse-home-area-list>a{grid-template-columns:38px 1fr}
  .marse-home-area-list b{grid-column:2}
  .marse-home-area-list p{grid-column:2}
}