/*
Theme Name: Mehmet Bora Glass
Theme URI: https://mehmetbora.com/
Author: Mehmet Bora
Description: Kişisel yayıncılık, mesleki çalışmalar ve projeler için cam katmanlı, fütüristik klasik WordPress teması.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mehmet-bora-glass
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --bg: #080e18;
  --bg-elevated: #0e1726;
  --panel: #111d2d;
  --panel-hover: #17263a;
  --text: #f2f5fc;
  --muted: #a0adc0;
  --quiet: #71829a;
  --line: rgba(185,212,246,.15);
  --line-strong: rgba(184,224,254,.34);
  --accent: #9bf4d7;
  --accent-text: #05140f;
  --violet: #acaeff;
  --halo: rgba(93,198,209,.18);
  --nav-back: rgba(8,14,24,.84);
  --grid: rgba(146,183,214,.044);
  --wide: 1230px;
  --radius: 18px;
  --font: 'Plus Jakarta Sans', 'Avenir Next', 'Aptos', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --display: 'Plus Jakarta Sans', 'Avenir Next', 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}
body[data-theme="light"] {
  --bg: #f0f4f8;
  --bg-elevated: #e6eef4;
  --panel: #fff;
  --panel-hover: #f5fafc;
  --text: #0f1d2e;
  --muted: #4e5c70;
  --quiet: #65778c;
  --line: rgba(32,61,85,.16);
  --line-strong: rgba(35,71,98,.38);
  --accent: #087d72;
  --accent-text: #fff;
  --violet: #5548be;
  --halo: rgba(18,116,135,.12);
  --nav-back: rgba(240,244,248,.88);
  --grid: rgba(55,92,121,.045);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin:0; background: var(--bg); color:var(--text); font-family:var(--font); -webkit-font-smoothing:antialiased; line-height:1.65; overflow-x:hidden; transition: background-color .25s ease, color .25s ease; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background: radial-gradient(ellipse 48% 35% at 90% 2%, rgba(72,95,190,.17), transparent 95%),radial-gradient(ellipse 47% 45% at -10% 35%,var(--halo),transparent 90%); }
body::after { content:"";position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:1; background-image: linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px); background-size: 66px 66px; mask-image:linear-gradient(to bottom, #000 0%, #000 38%, transparent 92%); }
a {color:inherit; text-decoration:none;} a:hover {color:var(--accent)}
button, input, textarea {font:inherit;} button {cursor:pointer;} 
button:focus-visible,a:focus-visible,input:focus-visible {outline:2px solid var(--accent); outline-offset:4px;}
[hidden] {display:none !important;}
::selection {background:var(--accent);color:var(--accent-text)}
.container {width:min(calc(100% - 88px),var(--wide));margin-inline:auto;}
.mono,.eyebrow,.tiny,.nav-links a,.preview-label,.page-index,.filter-btn {font-family:var(--mono);}
.skip {position:absolute;top:-100px;left:12px;background:var(--accent);color:var(--accent-text);padding:10px;z-index:10000;}
.skip:focus {top:12px;}
.preview-banner {border-bottom:1px solid var(--line); background:var(--bg-elevated);font:10px/1.6 var(--mono);letter-spacing:.09em;color:var(--quiet);}
.preview-banner .container {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;}
.preview-banner strong {font-weight:600;color:var(--muted)}
.site-header {z-index:50;position:sticky;top:0;backdrop-filter: blur(22px);-webkit-backdrop-filter:blur(22px);background:var(--nav-back);border-bottom:1px solid var(--line);}
.header-layout {display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:85px;}
.brand {display:flex;align-items:center;gap:15px;white-space:nowrap;}
.brand-sigil {width:43px;height:43px;border:1px solid var(--line-strong);border-radius:12px;display:grid;place-items:center;position:relative;font-size:13px;font-weight:800;letter-spacing:-.1em;color:var(--accent);background:linear-gradient(140deg,rgba(130,246,212,.13),rgba(167,167,255,.07));}
.brand-sigil::after {content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);position:absolute;right:-3px;top:-3px;box-shadow:0 0 12px var(--accent);}
.brand strong {display:block;font-size:14px;letter-spacing:.17em;line-height:1.2;}
.brand small {display:block;margin-top:5px;font:10px/1.1 var(--mono);letter-spacing:.07em;color:var(--quiet);}
.nav-controls {display:flex;align-items:center;gap:22px;}
.nav-links {display:flex;align-items:center;gap:clamp(12px,1.5vw,27px);}
.nav-links a {position:relative;color:var(--muted);font-size:11px;letter-spacing:.015em;padding:31px 0;white-space:nowrap;transition:color .18s;}
.nav-links a::after {content:"";position:absolute;height:2px;bottom:18px;left:0;right:100%;background:var(--accent);transition:right .2s;}
.nav-links a:hover,.nav-links a[aria-current="page"] {color:var(--text)}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after {right:0;}
.header-tools {display:flex;gap:8px;align-items:center;}
.theme-toggle,.menu-toggle {border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;min-height:38px;padding:8px 10px;display:flex;align-items:center;gap:9px;white-space:nowrap;}
.theme-toggle:hover,.menu-toggle:hover {border-color:var(--line-strong);}
.theme-toggle span {font:10px var(--mono);color:var(--muted);}
.theme-icon {height:16px;width:16px;}
.menu-toggle {display:none;}
.menu-toggle span {font:11px var(--mono);}
.page-view {min-height:65vh;}
/* Landing / hero */
.hero {padding:clamp(72px,8vw,126px) 0 72px;position:relative;}
.hero-grid {display:grid;grid-template-columns:minmax(0,1.13fr) minmax(370px,.87fr);align-items:center;gap:clamp(20px,4.5vw,70px);}
.eyebrow {font-size:11px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0 0 26px;font-weight:600;}
.eyebrow::before {content:"";width:27px;height:1px;background:currentColor;flex:none;}
.hero h1 {font-family:var(--display);font-size:clamp(60px,6.4vw,101px);line-height:1.03;letter-spacing:-.025em;font-weight:750;margin:0;max-width:860px;}
.hero h1 em {font-style:normal;background:linear-gradient(100deg,var(--accent) 0%,#a6dfe7 45%,var(--violet) 100%);color:transparent;background-clip:text;-webkit-background-clip:text;}
body[data-theme="light"] .hero h1 em {background:linear-gradient(105deg,#087d72 5%,#3c74a9 50%,#7261c9 100%);color:transparent;background-clip:text;-webkit-background-clip:text;}
.hero-desc {font-size:clamp(16px,1.55vw,18px);max-width:550px;color:var(--muted);line-height:1.87;margin:27px 0 0;}
.hero-actions {display:flex;flex-wrap:wrap;gap:13px;margin-top:34px;}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 19px;border-radius:10px;font-size:13px;font-weight:650;min-height:50px;transition:transform .18s,border-color .18s,background-color .18s;}
.btn:hover {transform:translateY(-2px);}
.btn-primary {background:var(--accent);color:var(--accent-text);}
.btn-primary:hover {color:var(--accent-text);filter:brightness(1.05)}
.btn-ghost {border:1px solid var(--line-strong);color:var(--text);background:rgba(127,151,182,.04);}
.btn-ghost:hover {color:var(--text);border-color:var(--accent);}
.hero-notes {margin-top:54px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--quiet);font:10px var(--mono);letter-spacing:.04em;}
.hero-notes i {display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin-inline:3px;opacity:.7;}
/* Abstract visual: non-portrait art */
.visual-frame {height:490px;min-width:0;border:1px solid var(--line);border-radius:22px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(63,95,135,.13),rgba(30,35,60,.25)), radial-gradient(circle at 50% 48%,rgba(76,176,180,.12),transparent 44%),var(--bg-elevated);box-shadow:0 28px 90px rgba(0,0,0,.12);}
.visual-frame::before {content:"";position:absolute;inset:15px;border:1px solid rgba(161,204,236,.08);border-radius:14px;pointer-events:none;}
.visual-frame::after {content:"";position:absolute;inset:-35%;background:conic-gradient(from 80deg,transparent 0deg,rgba(120,249,223,.08) 35deg,transparent 68deg,rgba(183,174,255,.06) 120deg,transparent 190deg);animation:slow-turn 28s linear infinite;z-index:-1;}
.graphic-orbit {position:absolute;inset:34px 10px 26px;width:calc(100% - 20px);height:calc(100% - 60px);overflow:visible;}
.orbit-ring {transform-origin:240px 225px;animation:reverse-spin 50s linear infinite;}
.orbit-glow {filter:drop-shadow(0 0 10px rgba(108,240,223,.35));}
.brand-core {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;}
.core-circle {width:117px;height:117px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:-.09em;font-size:33px;color:var(--text);border:1px solid rgba(169,234,236,.4);background:radial-gradient(circle at 30% 25%,rgba(110,249,218,.2),rgba(104,111,198,.2) 70%,rgba(11,24,42,.9));box-shadow:0 0 0 10px rgba(93,212,215,.03),0 0 60px rgba(109,221,223,.18);}
.core-label {font:10px var(--mono);letter-spacing:.19em;color:var(--quiet);margin-top:24px;}
.floating-label {position:absolute;border:1px solid var(--line-strong);background:rgba(13,25,40,.76);backdrop-filter:blur(12px);border-radius:9px;color:#dfeaf7;padding:10px 12px;font:10px var(--mono);white-space:nowrap;}
.floating-label b {color:#9bf4d7;font-weight:600;margin-right:8px;}
.floating-label.one {top:14%;left:8%;}
.floating-label.two {top:57%;right:5%;}
.floating-label.three {bottom:11%;left:8%;}
.panel-corner {position:absolute;right:18px;top:15px;font:9px var(--mono);color:var(--quiet);letter-spacing:.12em;}
.panel-bottom {position:absolute;left:22px;right:22px;bottom:17px;display:flex;justify-content:space-between;font:9px var(--mono);color:var(--quiet);letter-spacing:.05em;}
@keyframes slow-turn {to{transform:rotate(360deg)}}
@keyframes reverse-spin {to{transform:rotate(-360deg)}}

.visual-board {display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr auto;gap:16px;padding:28px;}
.visual-board::after {content:"";position:absolute;inset:-10% -20%;background:radial-gradient(circle at 10% 25%,rgba(154,244,215,.08),transparent 34%),radial-gradient(circle at 86% 20%,rgba(172,174,255,.14),transparent 28%),linear-gradient(180deg,transparent,rgba(255,255,255,.02));z-index:-1;}
.board-grid {position:absolute;inset:24px;border-radius:16px;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(135deg,#000,rgba(0,0,0,.25));opacity:.7;}
.glass-card {position:relative;border:1px solid rgba(205,230,255,.18);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 16px 48px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.12);}
.glass-card-large {grid-column:1 / span 1;align-self:start;padding:30px;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;}
.glass-card-large::before {content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(155,244,215,.08),transparent 45%,rgba(172,174,255,.11));pointer-events:none;}
.glass-kicker {font:10px var(--mono);letter-spacing:.18em;color:var(--accent);}
.glass-card-large strong {position:relative;display:block;font-family:var(--display);font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.028em;margin-top:18px;max-width:14ch;}
.glass-card-large p {position:relative;margin:16px 0 0;color:#d6e0ee;max-width:36ch;font-size:14px;line-height:1.8;}
.glass-card-mini {padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px;}
.glass-card-mini span:last-child {font-size:13px;color:#d7e2ef;line-height:1.5;}
.glass-index {font:11px var(--mono);color:var(--accent);letter-spacing:.14em;}
.card-a {grid-column:2;grid-row:1;align-self:start;margin-top:18px;}
.card-b {grid-column:2;grid-row:1;align-self:center;}
.card-c {grid-column:2;grid-row:1;align-self:end;margin-bottom:56px;}
.glass-track {grid-column:1 / span 2;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 6px 12px;}
.glass-track span {display:block;height:2px;flex:1;border-radius:999px;background:linear-gradient(90deg,rgba(155,244,215,.65),rgba(172,174,255,.2));box-shadow:0 0 20px rgba(155,244,215,.1);}
@media(max-width:900px){.visual-board{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;}.glass-card-large,.card-a,.card-b,.card-c,.glass-track{grid-column:auto;grid-row:auto;margin:0;}.glass-card-large{min-height:190px;}.glass-track{padding-top:4px;}}
/* Overlay pages */
.page-view.overlay-page {position:fixed;inset:98px 18px 20px;z-index:40;overflow:auto;padding:0;overscroll-behavior:contain;background:linear-gradient(180deg,rgba(10,16,30,.42),rgba(12,19,32,.58));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(207,228,255,.16);border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);animation:panelIn .34s cubic-bezier(.2,.8,.2,1);}
.page-view.overlay-page::before {content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.015) 24%,transparent 70%);}
.page-view.overlay-page > .container {width:min(calc(100% - 42px),1100px);margin:20px auto 28px;background:linear-gradient(180deg,rgba(18,30,48,.58),rgba(13,22,36,.42));border:1px solid rgba(215,232,255,.12);border-radius:22px;padding-inline:clamp(16px,2vw,26px);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.page-view.overlay-page .inner-bottom,.page-view.overlay-page .editorial-body {padding-bottom:48px;}
.page-view.overlay-page .text-panel,.page-view.overlay-page .content-card,.page-view.overlay-page .writing-item,.page-view.overlay-page .article-card,.page-view.overlay-page .note-panel {background:rgba(255,255,255,.035);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
body.overlay-open main > .page-view[data-page="home"] {filter:saturate(.9) brightness(.85);transform:scale(.993);transition:transform .34s ease, filter .34s ease;}
body.overlay-open .site-footer {filter:saturate(.9) brightness(.85);}
@keyframes panelIn {from{opacity:0;transform:translateY(26px) scale(.985);}to{opacity:1;transform:translateY(0) scale(1);}}
@media(max-width:900px){.page-view.overlay-page{inset:82px 10px 12px;border-radius:22px;}.page-view.overlay-page > .container{width:min(calc(100% - 20px),1100px);margin:10px auto 18px;}}

/* Section system */
.rule {border:0;border-top:1px solid var(--line);margin:0;}
.section {padding:83px 0 95px;}
.section-head {display:grid;grid-template-columns:130px 1fr auto;align-items:start;gap:25px;margin-bottom:36px;}
.section-id {font:11px var(--mono);color:var(--accent);letter-spacing:.08em;padding-top:12px;white-space:nowrap;}
.section-title {font-family:var(--display);font-size:clamp(32px,4vw,55px);letter-spacing:-.017em;line-height:1.15;font-weight:700;margin:0;max-width:820px;}
.section-side-link {font:11px var(--mono);color:var(--muted);margin-top:14px;white-space:nowrap;}
.section-side-link:hover {color:var(--accent);}
.focus-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.focus-card {display:flex;flex-direction:column;min-height:275px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(128,167,205,.05),transparent 70%),var(--panel);transition:transform .2s,border-color .2s,background-color .2s;position:relative;overflow:hidden;}
.focus-card::after {content:"";position:absolute;width:190px;height:190px;top:-130px;right:-105px;border-radius:50%;background:var(--halo);filter:blur(10px);opacity:.7;transition:top .3s,opacity .3s;}
.focus-card:hover {transform:translateY(-5px);border-color:var(--line-strong);background-color:var(--panel-hover);color:var(--text);}
.focus-card:hover::after {top:-98px;opacity:1;}
.card-index {font:10px var(--mono);color:var(--accent);letter-spacing:.12em;}
.card-desc {font-size:13px;color:var(--muted);margin-top:10px;max-width:250px;line-height:1.7;}
.focus-card h3 {margin:auto 0 0;padding-top:65px;font-size:clamp(27px,2.7vw,39px);font-weight:590;letter-spacing:-.045em;line-height:1.18;}
.focus-card .bottom-arrow {position:absolute;right:27px;bottom:25px;font-size:25px;color:var(--accent);}
.feature-split {display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:10%;align-items:start;}
.feature-copy h2 {font-family:var(--display);font-size:clamp(32px,4vw,56px);line-height:1.11;letter-spacing:-.015em;font-weight:700;margin:0;}
.feature-copy p {color:var(--muted);max-width:370px;line-height:1.85;font-size:15px;margin-top:24px;}
.feature-row {display:grid;grid-template-columns:95px 1fr 22px;gap:17px;align-items:center;border-bottom:1px solid var(--line);padding:27px 0;transition:padding-left .17s;}
.feature-row:first-child {border-top:1px solid var(--line)}
.feature-row:hover {padding-left:9px;color:var(--text)}
.feature-row small {font:10px var(--mono);color:var(--quiet);}
.feature-row strong {display:block;font-size:20px;letter-spacing:-.03em;font-weight:620;line-height:1.3;}
.feature-row .row-desc {font-size:12px;color:var(--muted);line-height:1.7;margin-top:5px;display:block;}
.feature-row .arrow {color:var(--accent);font-size:20px;}
.articles {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.article-card {border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:var(--panel);display:flex;flex-direction:column;min-height:225px;transition:transform .2s,border-color .2s;}
.article-card:hover {transform:translateY(-3px);border-color:var(--line-strong);color:var(--text)}
.article-card .topline {display:flex;justify-content:space-between;color:var(--quiet);font:10px var(--mono);letter-spacing:.06em;}
.article-card h3 {font-size:clamp(22px,2.3vw,29px);line-height:1.27;letter-spacing:-.035em;font-weight:580;margin:31px 0 10px;}
.article-card p {font-size:13px;color:var(--muted);margin:0;line-height:1.7;}
.article-card .end {font:10px var(--mono);margin-top:auto;padding-top:18px;color:var(--accent);}
/* Inner pages */
.inner-top {padding:82px 0 42px;max-width:970px;}
.inner-top .eyebrow {margin-bottom:26px;}
.inner-top h1 {font-family:var(--display);font-size:clamp(55px,7vw,92px);letter-spacing:-.016em;font-weight:750;line-height:1.08;margin:0;}
.inner-top p:not(.eyebrow) {font-size:17px;color:var(--muted);max-width:760px;line-height:1.85;margin:25px 0 0;}
.inner-bottom {padding:25px 0 105px;}
.text-panel {background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:35px;}
.text-panel p {color:var(--muted);line-height:1.9;margin:0 0 17px;max-width:780px;}
.text-panel p:last-child {margin-bottom:0;}
.text-panel h2,.subhead {font-size:28px;letter-spacing:-.04em;font-weight:600;margin:0 0 18px;line-height:1.2;}
.text-panel h2:not(:first-child){margin-top:35px;}
.twocol {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:19px;align-items:start;}
.note-panel {padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,var(--panel),var(--bg-elevated));}
.note-panel h3 {font-size:21px;letter-spacing:-.035em;margin:14px 0;}
.note-panel p {color:var(--muted);font-size:14px;line-height:1.85;}
.note-panel .kicker {color:var(--accent);font:10px var(--mono);letter-spacing:.06em;}
.history {margin-top:26px;border-top:1px solid var(--line);}
.history-item {display:grid;grid-template-columns:150px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:23px 0;}
.history-item time {font:11px var(--mono);color:var(--quiet);padding-top:4px;}
.history-item strong {display:block;font-size:19px;font-weight:620;letter-spacing:-.03em;line-height:1.3;}
.history-item span {display:block;font-size:13px;color:var(--muted);line-height:1.8;margin-top:7px;}
.content-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0;}
.content-card {padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:205px;display:flex;flex-direction:column;}
.content-card .tag {color:var(--accent);font:10px var(--mono);letter-spacing:.05em;}
.content-card h2 {font-size:27px;line-height:1.25;letter-spacing:-.04em;margin:28px 0 10px;font-weight:610;}
.content-card p {font-size:13px;line-height:1.8;color:var(--muted);margin:0;}
.content-card a.card-link {display:inline-flex;gap:8px;font:11px var(--mono);color:var(--accent);margin-top:auto;padding-top:20px;align-self:flex-start;}
.filters {display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px;}
.filter-btn {font-size:11px;letter-spacing:.02em;border:1px solid var(--line);color:var(--muted);background:transparent;padding:10px 15px;border-radius:9px;}
.filter-btn:hover {color:var(--text);border-color:var(--line-strong);}
.filter-btn.is-active {background:var(--accent);color:var(--accent-text);border-color:var(--accent);}
.writing-list {display:grid;gap:13px;}
.writing-item {display:grid;grid-template-columns:155px minmax(0,1fr) 24px;gap:20px;align-items:center;border:1px solid var(--line);padding:28px;background:var(--panel);border-radius:14px;transition:border-color .2s;}
.writing-item:hover {border-color:var(--line-strong);color:var(--text);}
.writing-item .meta {font:10px var(--mono);color:var(--quiet);}
.writing-item strong {display:block;font-size:23px;letter-spacing:-.04em;font-weight:600;line-height:1.3;}
.writing-item small {display:block;font:13px/1.6 var(--font);color:var(--muted);margin-top:7px;}
.writing-item .item-arrow {font-size:20px;color:var(--accent);}
.editorial-body {max-width:810px;margin:0 auto;font-size:17px;line-height:1.95;color:var(--muted);}
.editorial-body p {margin:0 0 23px;}
.editorial-body h2 {font-size:34px;line-height:1.22;letter-spacing:-.04em;color:var(--text);margin:50px 0 18px;font-weight:610;}
.editorial-body blockquote {border-left:2px solid var(--accent);color:var(--text);padding:4px 0 4px 24px;margin:43px 0;font-size:24px;letter-spacing:-.025em;line-height:1.6;}
.back-link {display:inline-flex;gap:12px;color:var(--accent);font:12px var(--mono);padding:18px 0;}
.notice {font:11px/1.65 var(--mono);color:var(--quiet);margin-top:20px;}
.contact-big {font-size:clamp(28px,5vw,57px);font-weight:580;letter-spacing:-.055em;display:inline-block;line-height:1.25;overflow-wrap:anywhere;border-bottom:1px solid var(--accent);margin:20px 0 10px;}
.contact-big:hover {color:var(--accent)}
/* Footer */
.site-footer {border-top:1px solid var(--line);padding:66px 0 28px;}
.footer-top {display:flex;justify-content:space-between;align-items:end;gap:32px;padding-bottom:55px;}
.footer-top h2 {font-family:var(--display);font-size:clamp(33px,4.1vw,55px);letter-spacing:-.015em;line-height:1.15;max-width:620px;font-weight:700;margin:0 0 15px;}
.footer-top p {color:var(--muted);font-size:14px;margin:0;}
.footer-bottom {border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:18px;color:var(--quiet);font:10px/1.7 var(--mono);letter-spacing:.04em;}
.footer-bottom a {color:var(--muted);}
.footer-bottom a:hover {color:var(--accent)}
@media(max-width:1150px) {
  .hero-grid {grid-template-columns:minmax(0,1fr) minmax(300px,.81fr);gap:28px;}
  .visual-frame {height:430px;}
  .hero h1 {font-size:clamp(55px,6vw,78px);}
  .nav-controls {gap:12px;}
  .nav-links {gap:13px;}
  .nav-links a {font-size:10px;}
  .section-head {grid-template-columns:95px 1fr auto;gap:15px;}
}
@media(max-width:900px) {
  .container {width:min(calc(100% - 48px),var(--wide));}
  .header-layout {min-height:75px;}
  .menu-toggle {display:flex;}
  .nav-links {position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:14px 24px 24px;background:var(--bg-elevated);border-bottom:1px solid var(--line);gap:0;box-shadow:0 20px 40px rgba(0,0,0,.17);}
  .nav-links.is-open {display:flex;}
  .nav-links a {font-size:12px;padding:13px;}
  .nav-links a::after {bottom:5px;right:100%;}
  .nav-links a:hover::after,.nav-links a[aria-current="page"]::after {right:92%;}
  .hero-grid {grid-template-columns:1fr;}
  .hero {padding-top:75px;}
  .hero h1 {font-size:clamp(66px,9vw,95px);}
  .hero-desc {max-width:690px;}
  .visual-frame {height:auto;min-height:345px;margin-top:25px;}
  .visual-board {padding:18px;}

  .floating-label.one {top:14%;left:12%;}
  .floating-label.two {right:12%;}
  .floating-label.three {bottom:11%;left:15%;}
  .feature-split {grid-template-columns:1fr;gap:30px;}
  .feature-copy h2 {max-width:680px;}
  .feature-copy p {max-width:640px;}
}
@media(max-width:680px) {
  .container {width:min(calc(100% - 34px),var(--wide));}
  .preview-banner .container {justify-content:center;text-align:center;}
  .preview-banner .right {display:none;}
  .brand {gap:10px;}
  .brand-sigil {width:38px;height:38px;border-radius:10px;}
  .brand strong {font-size:12px;}
  .brand small {font-size:9px;}
  .theme-toggle {width:39px;height:39px;justify-content:center;padding:0;}
  .theme-toggle span {display:none;}
  .menu-toggle {min-height:39px;padding:8px;}
  .hero {padding:66px 0 55px;}
  .hero h1 {font-size:clamp(56px,12vw,76px);}
  .hero-desc {font-size:16px;margin-top:22px;}
  .hero-notes {margin-top:40px;}
  .visual-frame {height:auto;min-height:300px;margin-top:10px;}

  .core-circle {width:95px;height:95px;font-size:27px;}
  .core-label {font-size:8px;margin-top:19px;}
  .floating-label {font-size:8px;padding:7px 8px;}
  .floating-label.one {top:14%;left:5%;}
  .floating-label.two {right:4%;top:58%;}
  .floating-label.three {left:5%;bottom:12%;}
  .panel-corner,.panel-bottom {font-size:7px;}
  .section {padding:65px 0 76px;}
  .section-head {display:block;}
  .section-id {display:block;padding:0;margin-bottom:14px;}
  .section-title {font-size:clamp(34px,9vw,48px);}
  .section-side-link {display:inline-block;margin-top:18px;}
  .focus-grid {grid-template-columns:1fr;}
  .focus-card {min-height:205px;padding:23px;}
  .focus-card h3 {padding-top:40px;font-size:32px;}
  .articles,.content-cards,.twocol {grid-template-columns:1fr;}
  .feature-row {grid-template-columns:70px 1fr 19px;gap:12px;}
  .feature-row strong {font-size:17px;}
  .feature-row .row-desc {font-size:12px;}
  .inner-top {padding:66px 0 37px;}
  .inner-top h1 {font-size:clamp(50px,11vw,76px);}
  .inner-top p:not(.eyebrow) {font-size:15px;}
  .inner-bottom {padding:15px 0 75px;}
  .text-panel {padding:24px;}
  .history-item {grid-template-columns:1fr;gap:4px;}
  .writing-item {grid-template-columns:1fr 22px;gap:7px;padding:22px;}
  .writing-item .meta {grid-column:1/-1;}
  .writing-item strong {font-size:21px;}
  .footer-top {display:block;}
  .footer-top .btn {margin-top:25px;}
  .footer-bottom {flex-direction:column;gap:3px;}
}
@media(max-width:430px) {
  .header-layout {gap:8px;}
  .brand {min-width:0; flex:1 1 auto; gap:8px;}
  .brand strong {font-size:11px; letter-spacing:.11em;}
  .brand small {font-size:8px; letter-spacing:0;}
  .brand-sigil {flex:none; width:35px; height:35px;}
  .nav-controls {gap:0; flex:0 0 auto;}
  .header-tools {gap:6px;}
  .menu-toggle {width:39px; justify-content:center;}
  .menu-toggle > span:first-child {display:none;}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto;}
 *,*::before,*::after {animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}
@media print {
 body {background:white;color:black;}
 body::before,body::after,.site-header,.site-footer,.preview-banner,.visual-frame,.hero-actions,.filters {display:none !important;}
 .container {width:100%;}
 .page-view[hidden] {display:none !important;}
 .text-panel,.content-card,.focus-card {background:white;color:black;border:1px solid #ddd;}
}

/* ===== 03: wide editorial typography, clickable portal and geometric light ===== */
body {letter-spacing:.004em;}
.hero h1,.inner-top h1,.section-title,.feature-copy h2,.footer-top h2 {text-wrap:balance;}
.hero h1 {font-weight:750;letter-spacing:-.02em;}
.inner-top h1 {font-weight:750;letter-spacing:-.015em;}
.ambient-geometry {position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.geometry {display:block;position:absolute;opacity:.6;will-change:auto;pointer-events:none;}
.geometry-a {left:-8%;top:14%;width:52%;height:3px;background:linear-gradient(90deg,transparent,rgba(121,229,217,.5),transparent);transform:rotate(-27deg);filter:blur(6px);}
.geometry-b {right:-12%;top:8%;width:62%;height:2px;background:linear-gradient(90deg,transparent,rgba(169,159,255,.6),transparent);transform:rotate(36deg);filter:blur(9px);}
.geometry-c {right:11%;top:40%;width:270px;height:270px;border:2px solid rgba(113,239,216,.24);border-radius:34%;transform:rotate(28deg);filter:blur(11px);}
.geometry-d {left:6%;top:63%;width:390px;height:165px;border:2px solid rgba(175,178,255,.17);border-radius:48%;transform:rotate(-31deg);filter:blur(8px);}
.geometry-e {left:24%;bottom:13%;width:55%;height:2px;background:linear-gradient(90deg,transparent,rgba(115,186,245,.38),transparent);transform:rotate(-17deg);filter:blur(8px);}
.geometry-f {right:-7%;bottom:2%;width:480px;height:210px;border:2px solid rgba(144,244,221,.14);border-radius:28%;transform:rotate(22deg);filter:blur(12px);}
.geometry-g {left:41%;top:16%;width:32%;height:2px;background:linear-gradient(90deg,transparent,rgba(164,168,249,.46),transparent);transform:rotate(66deg);filter:blur(7px);}
.geometry-h {left:-4%;top:34%;width:250px;height:380px;border:2px solid rgba(121,196,243,.13);border-radius:44%;transform:rotate(51deg);filter:blur(15px);}
.preview-banner,.site-header,main,.site-footer {position:relative;z-index:1;}
.site-header {z-index:50;}
.portal-stage {height:490px;padding:20px 20px 16px;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(36,66,94,.23),rgba(76,66,115,.12)),var(--bg-elevated);}
.portal-stage::after {content:"";position:absolute;inset:-35%;background:conic-gradient(from 50deg,transparent,rgba(121,243,225,.035),transparent,rgba(159,144,245,.05),transparent);pointer-events:none;z-index:-1;}
.portal-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 4px 17px;}
.portal-label,.portal-hint,.portal-footnote,.portal-num {font:10px/1.5 var(--mono);letter-spacing:.09em;}
.portal-label {color:var(--accent);white-space:nowrap;}
.portal-label i {display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);vertical-align:2px;}
.portal-hint {color:var(--quiet);}
.portal-card-grid {position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.25fr 1fr .65fr;gap:11px;flex:1;min-height:0;}
.portal-card {position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid rgba(214,234,255,.19);border-radius:17px;padding:20px;background:linear-gradient(135deg,rgba(226,248,255,.085),rgba(166,179,248,.025) 78%);color:var(--text);backdrop-filter:blur(13px) saturate(130%);-webkit-backdrop-filter:blur(13px) saturate(130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,box-shadow .2s;}
.portal-card::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 5%,rgba(140,242,218,.11),transparent 55%);pointer-events:none;}
.portal-card:hover,.portal-card:focus-visible {transform:translateY(-4px);border-color:rgba(155,244,215,.65);box-shadow:0 12px 30px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.16);color:var(--text);}
.portal-feature {grid-column:1 / -1;background:linear-gradient(120deg,rgba(117,218,218,.14),rgba(159,145,237,.09));}
.portal-foot {grid-column:1 / -1;display:grid;grid-template-columns:minmax(90px,.45fr) 1fr auto;align-items:center;gap:12px;padding:13px 18px;}
.portal-num {display:block;position:relative;color:var(--accent);font-size:9px;}
.portal-card-content {display:block;position:relative;min-width:0;}
.portal-card strong {font-family:var(--display);font-size:clamp(22px,2.2vw,31px);font-weight:750;letter-spacing:-.01em;display:block;line-height:1.15;}
.portal-feature strong {font-size:clamp(32px,3.5vw,49px);}
.portal-card small {color:var(--muted);font-size:12px;line-height:1.55;display:block;margin-top:7px;max-width:30ch;}
.portal-card .portal-arrow {position:absolute;right:18px;top:16px;font-size:18px;line-height:1;color:var(--accent);transition:transform .2s;}
.portal-card:hover .portal-arrow {transform:translate(3px,-3px);}
.portal-foot .portal-arrow {position:static;justify-self:end;}
.portal-foot strong {font-size:21px;}
.portal-foot small {margin-top:0;}
.portal-footnote {display:flex;justify-content:space-between;color:var(--quiet);margin:13px 4px 0;font-size:9px;}
body[data-theme="light"] .portal-stage {background:linear-gradient(135deg,rgba(180,224,239,.48),rgba(235,232,252,.38)),var(--bg-elevated);}
body[data-theme="light"] .portal-card {background:linear-gradient(145deg,rgba(255,255,255,.77),rgba(239,248,252,.6));border-color:rgba(59,102,136,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
body[data-theme="light"] .portal-feature {background:linear-gradient(125deg,rgba(211,243,245,.9),rgba(235,233,255,.64));}
body[data-theme="light"] .portal-card:hover {border-color:rgba(5,112,108,.6);}
body[data-theme="light"] .geometry {opacity:.25;}
/* Glass page overlay: transparent enough to show home behind it, opaque enough to read. */
.page-view.overlay-page {z-index:40;inset:122px 20px 22px;overflow:auto;background:rgba(11,21,36,.5);border:1px solid rgba(221,244,255,.32);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 30px 90px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15);transform-origin:var(--origin-x,50%) var(--origin-y,50%);animation:glassZoom .56s cubic-bezier(.15,.87,.18,1) both;}
.page-view.overlay-page > .container {width:min(calc(100% - 64px),1070px);margin:20px auto 35px;padding-inline:clamp(16px,3vw,34px);background:rgba(13,24,40,.54);border:1px solid rgba(208,235,255,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.page-view.overlay-page .inner-top {padding-top:58px;}
.page-view.overlay-page .inner-top h1 {max-width:900px;}
.page-view.overlay-page .text-panel,.page-view.overlay-page .content-card,.page-view.overlay-page .writing-item,.page-view.overlay-page .article-card,.page-view.overlay-page .note-panel {background:rgba(255,255,255,.035);border-color:rgba(208,230,255,.17);}
.page-view.overlay-page.is-closing {animation:glassDepart .4s ease-in both;pointer-events:none;}
@keyframes glassZoom {0%{transform:scale(.13);opacity:.88;}62%{transform:scale(1.012);opacity:1;}100%{transform:scale(1);opacity:1;}}
@keyframes glassDepart {0%{transform:scale(1);opacity:1;}45%{transform:scale(1.01);opacity:.94;}100%{transform:scale(.93);opacity:0;}}
body.overlay-open {overflow:hidden;}
/* Ana sayfadaki katman, daha sonra DOM'da gelen footer'dan yukarida yer alir. */
body.overlay-open main {position:relative;z-index:10;}
body.overlay-open .site-footer {position:relative;z-index:0;pointer-events:none;}
html {scrollbar-gutter:stable;}
body.overlay-open main > .page-view[data-page="home"] {filter:brightness(.7) saturate(.9);transform:scale(.99);}
.overlay-close {position:fixed;top:140px;right:44px;z-index:65;display:flex;align-items:center;gap:11px;padding:11px 14px;color:var(--text);background:rgba(37,54,74,.83);border:1px solid rgba(215,236,255,.35);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 35px rgba(0,0,0,.14);transition:transform .2s,background .2s,border-color .2s;}
.overlay-close:hover {background:rgba(60,88,103,.9);border-color:var(--accent);transform:translateY(-2px);}
.overlay-close span {font:10px var(--mono);letter-spacing:.09em;}
body[data-theme="light"] .page-view.overlay-page {color:var(--text);background:rgba(238,246,252,.62);border-color:rgba(45,87,115,.32);box-shadow:0 35px 90px rgba(21,45,67,.19),inset 0 1px 0 rgba(255,255,255,.85);}
body[data-theme="light"] .page-view.overlay-page::before {background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.08) 30%,transparent);}
body[data-theme="light"] .page-view.overlay-page > .container {background:rgba(252,254,255,.7);border-color:rgba(37,77,105,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);}
body[data-theme="light"] .page-view.overlay-page .text-panel,body[data-theme="light"] .page-view.overlay-page .content-card,body[data-theme="light"] .page-view.overlay-page .writing-item,body[data-theme="light"] .page-view.overlay-page .article-card,body[data-theme="light"] .page-view.overlay-page .note-panel {background:rgba(255,255,255,.84);border-color:rgba(41,83,111,.2);color:var(--text);}
body[data-theme="light"] .page-view.overlay-page .inner-top p:not(.eyebrow),body[data-theme="light"] .page-view.overlay-page .text-panel p,body[data-theme="light"] .page-view.overlay-page .note-panel p,body[data-theme="light"] .page-view.overlay-page .content-card p,body[data-theme="light"] .page-view.overlay-page .history-item span,body[data-theme="light"] .page-view.overlay-page .writing-item small {color:#40556d;}
body[data-theme="light"] .page-view.overlay-page .editorial-body {color:#354c66;}
body[data-theme="light"] .page-view.overlay-page h1,body[data-theme="light"] .page-view.overlay-page h2,body[data-theme="light"] .page-view.overlay-page h3,body[data-theme="light"] .page-view.overlay-page strong {color:#102336;}
body[data-theme="light"] .overlay-close {background:rgba(255,255,255,.92);border-color:rgba(42,87,114,.24);color:#143047;}
body[data-theme="light"] .overlay-close:hover {background:#fff;}
/* Low-cost shatter layer: 7 CSS polygons + 1 SVG crack, 420ms, no canvas or libraries. */
.shatter-layer {position:fixed;pointer-events:none;z-index:90;overflow:visible;isolation:isolate;}
.shatter-piece {position:absolute;inset:0;border-radius:22px;background:linear-gradient(128deg,rgba(221,250,255,.27),rgba(116,202,221,.11) 40%,rgba(181,185,250,.08));box-shadow:inset 0 0 2px rgba(235,249,255,.8);clip-path:var(--shape);animation:shardFly .46s cubic-bezier(.17,.67,.34,1) forwards;transform:translate3d(0,0,0);will-change:transform,opacity;}
.shatter-piece:nth-child(1){--shape:polygon(0 0,51% 0,44% 30%,24% 38%,0 29%);--dx:-48px;--dy:-34px;--rot:-5deg;}
.shatter-piece:nth-child(2){--shape:polygon(51% 0,100% 0,100% 38%,72% 30%,44% 30%);--dx:44px;--dy:-26px;--rot:4deg;}
.shatter-piece:nth-child(3){--shape:polygon(0 29%,24% 38%,46% 49%,37% 74%,0 68%);--dx:-52px;--dy:15px;--rot:-7deg;}
.shatter-piece:nth-child(4){--shape:polygon(24% 38%,44% 30%,72% 30%,69% 62%,46% 49%);--dx:9px;--dy:25px;--rot:5deg;}
.shatter-piece:nth-child(5){--shape:polygon(72% 30%,100% 38%,100% 73%,69% 62%);--dx:58px;--dy:17px;--rot:6deg;}
.shatter-piece:nth-child(6){--shape:polygon(0 68%,37% 74%,50% 100%,0 100%);--dx:-37px;--dy:49px;--rot:-6deg;}
.shatter-piece:nth-child(7){--shape:polygon(37% 74%,46% 49%,69% 62%,100% 73%,100% 100%,50% 100%);--dx:28px;--dy:48px;--rot:6deg;}
@keyframes shardFly {0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(1);}16%{opacity:.95;}100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)) scale(.95);}}
.shatter-cracks {position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;animation:cracksPulse .3s ease-out both;}
.shatter-cracks path {fill:none;stroke:rgba(234,255,255,.88);stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(141,241,237,.85));}
@keyframes cracksPulse {0%{opacity:0;}23%{opacity:.98;}100%{opacity:0;}}
body[data-theme="light"] .shatter-piece {background:linear-gradient(128deg,rgba(255,255,255,.92),rgba(157,205,234,.36) 50%,rgba(200,214,255,.28));}
body[data-theme="light"] .shatter-cracks path {stroke:rgba(25,85,113,.75);}
@media(max-width:1150px){.portal-stage{height:440px;}.portal-card{padding:16px;}.portal-card strong{font-size:24px;}.portal-feature strong{font-size:40px;}.portal-card small{font-size:11px;}}
@media(max-width:900px){.portal-stage{height:455px;margin-top:18px;}.page-view.overlay-page{inset:116px 10px 12px;}.page-view.overlay-page > .container{width:min(calc(100% - 22px),1070px);margin-top:13px;}.overlay-close{top:132px;right:30px;}}
@media(max-width:680px){.portal-stage{height:430px;min-height:430px;padding:16px;}.portal-card{padding:16px;}.portal-card-grid{gap:9px;}.portal-feature strong{font-size:34px;}.portal-card strong{font-size:21px;}.portal-foot{gap:9px;}.portal-foot strong{font-size:20px;}.portal-half small{font-size:10px;}.portal-num{font-size:8px;}.portal-hint{font-size:9px;}.page-view.overlay-page > .container{padding-inline:15px;}.page-view.overlay-page .inner-top{padding-top:78px;}.page-view.overlay-page{inset:132px 10px 12px;}.overlay-close{top:148px;right:26px;padding:10px 11px;}.overlay-close span{display:none;}}
@media(max-width:380px){.portal-stage{height:435px;}.portal-card strong{font-size:19px;}.portal-card small{font-size:10px;}.portal-foot{grid-template-columns:1fr auto;}.portal-foot .portal-num{display:none;}.portal-head{gap:6px;}}
@media(prefers-reduced-motion:reduce){.page-view.overlay-page,.page-view.overlay-page.is-closing,.shatter-piece,.shatter-cracks{animation:none!important;}.shatter-layer{display:none!important;}}
@media print {.ambient-geometry,.overlay-close,.shatter-layer {display:none!important;}.page-view.overlay-page{position:static!important;overflow:visible;box-shadow:none;backdrop-filter:none;border:0;animation:none!important;}}


/* WordPress adapter: v4 art direction, real dynamic pages and posts. */
html { scrollbar-gutter:stable;scroll-behavior:auto; }
body { min-width:320px; }
body.overlay-open { overflow:hidden; }
main { position:relative;z-index:1; }
body.overlay-open main { z-index:10; }
body.overlay-open .site-footer { z-index:0;pointer-events:none; }
.mb-home { min-height:65vh; }
.mb-home[aria-hidden="true"] { user-select:none; }
.hero h1 {overflow-wrap:break-word;}
.nav-links .mb-nav-list {display:flex;list-style:none;align-items:center;gap:clamp(12px,1.5vw,27px);margin:0;padding:0;}
.nav-links .mb-nav-list li{list-style:none;margin:0;}
.nav-links .current-menu-item > a,.nav-links a[aria-current="page"]{color:var(--text)}
.nav-links .current-menu-item > a::after {right:0;}
/* Dynamic glass pages */
.mb-overlay {position:fixed;inset:122px 20px 22px;z-index:40;overflow:visible; isolation:isolate;
  border-radius:26px;border:1px solid rgba(221,244,255,.32);
  background:rgba(11,21,36,.5);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 30px 90px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15);
  transform-origin:var(--origin-x,50%) var(--origin-y,50%);
}
.mb-overlay[hidden] { display:none!important; }
.mb-overlay::before { content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.014) 32%,transparent); }
.mb-overlay.is-opening { animation:glassZoom .56s cubic-bezier(.15,.87,.18,1) both; }
.mb-overlay.is-closing { animation:glassDepart .4s ease-in both;pointer-events:none; }
.mb-overlay-scroll {height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;}
.mb-overlay-inner {width:min(calc(100% - 64px),1070px);min-height:calc(100% - 55px);margin:20px auto 35px;
  border:1px solid rgba(208,235,255,.17);border-radius:22px;background:rgba(13,24,40,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  padding-inline:clamp(16px,3vw,34px); }
.mb-overlay-inner .inner-top { padding-top:58px; }
.mb-overlay-inner .inner-top h1 { max-width:900px;overflow-wrap:anywhere; }
.mb-overlay-inner .inner-bottom { padding-bottom:72px; }
.mb-overlay-inner .text-panel,.mb-overlay-inner .content-card,.mb-overlay-inner .writing-item,.mb-overlay-inner .article-card,.mb-overlay-inner .note-panel {
  background:rgba(255,255,255,.035);border-color:rgba(208,230,255,.17); }
body.overlay-open .mb-home { filter:brightness(.7) saturate(.9);transform:scale(.99);transform-origin:center top;pointer-events:none; }
.mb-overlay-close {position:absolute;top:17px;right:19px;z-index:5;display:flex;align-items:center;gap:10px;
  padding:10px 14px;min-width:42px;min-height:42px;color:var(--text);background:rgba(37,54,74,.88);
  border:1px solid rgba(215,236,255,.35);border-radius:12px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 8px 35px rgba(0,0,0,.14);transition:transform .2s,background .2s,border-color .2s; }
.mb-overlay-close:hover {background:rgba(60,88,103,.93);color:var(--text);border-color:var(--accent);transform:translateY(-2px);}
.mb-overlay-close span { font:10px var(--mono);letter-spacing:.09em; }
body[data-theme="light"] .mb-overlay {color:var(--text);background:rgba(238,246,252,.62);border-color:rgba(45,87,115,.32);
  box-shadow:0 35px 90px rgba(21,45,67,.19),inset 0 1px 0 rgba(255,255,255,.85);}
body[data-theme="light"] .mb-overlay::before{background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.08) 30%,transparent);}
body[data-theme="light"] .mb-overlay-inner{background:rgba(252,254,255,.77);border-color:rgba(37,77,105,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);}
body[data-theme="light"] .mb-overlay .text-panel,body[data-theme="light"] .mb-overlay .content-card,body[data-theme="light"] .mb-overlay .writing-item,body[data-theme="light"] .mb-overlay .article-card,body[data-theme="light"] .mb-overlay .note-panel{background:rgba(255,255,255,.84);border-color:rgba(41,83,111,.2);color:var(--text);}
body[data-theme="light"] .mb-overlay .inner-top p:not(.eyebrow),body[data-theme="light"] .mb-overlay .entry-content,body[data-theme="light"] .mb-overlay .writing-item small,body[data-theme="light"] .mb-overlay .content-card p{color:#354c66;}
body[data-theme="light"] .mb-overlay h1,body[data-theme="light"] .mb-overlay h2,body[data-theme="light"] .mb-overlay h3,body[data-theme="light"] .mb-overlay strong{color:#102336;}
body[data-theme="light"] .mb-overlay-close{background:rgba(255,255,255,.94);border-color:rgba(42,87,114,.24);color:#143047;}
body[data-theme="light"] .mb-overlay-close:hover{background:#fff;color:#143047;}
body[data-theme="light"] .mb-overlay .filter-btn:not(.is-active){background:rgba(255,255,255,.55);color:#314c60;}
/* Entries and blocks */
.entry-content {max-width:890px;margin-inline:auto; overflow-wrap:anywhere;}
.entry-content > * {max-width:100%;}
.entry-content p,.entry-content li {line-height:1.88;}
.entry-content a:not(.btn):not(.back-link) {color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.entry-content h2,.entry-content h3 {font-family:var(--display);color:var(--text);line-height:1.26;letter-spacing:-.02em;}
.entry-content figure,.entry-content .wp-block-image{margin-inline:0;max-width:100%;}
.entry-content img,.entry-content video,.entry-content iframe {max-width:100%;height:auto;}
.entry-content .wp-block-embed iframe {width:100%;min-height:360px;}
.entry-content pre,.entry-content code {overflow-x:auto;max-width:100%;}
.entry-content pre {padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.entry-content blockquote {border-left:2px solid var(--accent);padding-left:24px;margin-left:0;}
.entry-content .wp-block-columns {gap:20px;}
.entry-content .wp-block-button__link {color:var(--accent-text);background:var(--accent);}
.entry-content .alignwide {max-width:100%;}
.mb-search-form {max-width:700px;margin:28px 0;}
.mb-search-form label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px;}
.mb-search-row{display:flex;gap:10px;}
.mb-search-row input{width:100%;min-width:0;min-height:50px;color:var(--text);background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;padding:10px 13px;}
.mb-pagination{margin:38px 0;}
.mb-pagination .nav-links{display:block;}
.mb-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;margin:3px;color:var(--text);}
.mb-pagination .page-numbers.current{background:var(--accent);color:var(--accent-text);}
.mb-entry img {border-radius:10px;}
/* Mobile menu and modal */
@media(max-width:900px) {
  .nav-links .mb-nav-list {display:flex;flex-direction:column;align-items:stretch;gap:0;}
  .nav-links .mb-nav-list a{display:block;width:100%;padding:14px 18px;}
  .mb-overlay {inset:116px 10px 12px;}
  .mb-overlay-inner {width:min(calc(100% - 22px),1070px);margin:13px auto 20px;}
}
@media(max-width:680px) {
  .mb-overlay{inset:105px 10px 12px;border-radius:20px;}
  .mb-overlay-inner{padding-inline:15px;}
  .mb-overlay-inner .inner-top {padding-top:77px;}
  .mb-overlay-close{right:14px;top:13px;padding:10px;}
  .mb-overlay-close span{display:none;}
  .mb-search-row{flex-direction:column;}
  .entry-content .wp-block-columns{display:block;}
}
body.admin-bar .mb-overlay {top:calc(122px + 32px);}
@media(max-width:900px){body.admin-bar .mb-overlay{top:calc(116px + 32px);}}
@media(max-width:782px){body.admin-bar .mb-overlay{top:calc(105px + 46px);}}
/* Overlay pages should not expand scrollbars behind the dialog */
@media(prefers-reduced-motion:reduce) {
  .mb-overlay.is-opening,.mb-overlay.is-closing{animation:none!important;}
  .mb-home {transform:none!important;}
}
@media print {
  body{background:white!important;color:black!important;overflow:visible!important;}
  .mb-home,.site-header,.site-footer,.ambient-geometry,.mb-overlay-close{display:none!important;}
  .mb-overlay{position:static!important;inset:auto!important;overflow:visible!important;background:white!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;animation:none!important;transform:none!important;}
  .mb-overlay::before{display:none!important;}
  .mb-overlay-scroll{height:auto!important;overflow:visible!important;}
  .mb-overlay-inner{padding:0!important;border:0!important;background:white!important;color:black!important;box-shadow:none!important;backdrop-filter:none!important;width:100%!important;}
  .mb-overlay h1,.mb-overlay h2,.mb-overlay h3,.mb-overlay p,.mb-overlay .entry-content{color:black!important;}
}

/* Ensure immediate readable header contrast on manual light-mode switch. */
body[data-theme="light"] .brand strong {color:#0f1d2e;}
body[data-theme="light"] .brand small {color:#65778c;}
body[data-theme="light"] .nav-links a {color:#43566c;}
body[data-theme="light"] .nav-links a[aria-current="page"],body[data-theme="light"] .nav-links .current-menu-item > a {color:#102336;}
body[data-theme="light"] .menu-toggle {color:#102336;}

/* v1.1 — Each internal WordPress navigation opens an additional glass pane.
   The previous pane stays in the document, retaining its scroll and filters. */
.mb-overlay.mb-overlay-stacked {
  inset:calc(122px + 14px * var(--mb-stack-depth,1))
        calc(20px + 15px * var(--mb-stack-depth,1))
        calc(22px + 12px * var(--mb-stack-depth,1));
  background:rgba(11,23,39,.78);
  border-color:rgba(195,247,240,.43);
  box-shadow:0 34px 85px rgba(0,0,0,.37),inset 0 1px 0 rgba(255,255,255,.17);
}
.mb-overlay.is-underlay {pointer-events:none;filter:brightness(.73) saturate(.8)}
.mb-overlay.mb-overlay-stacked::before {background:linear-gradient(180deg,rgba(185,237,239,.10),rgba(255,255,255,.025) 35%,transparent)}
body[data-theme="light"] .mb-overlay.mb-overlay-stacked {background:rgba(239,247,253,.87);border-color:rgba(56,107,136,.39)}
@media(max-width:900px){
  .mb-overlay.mb-overlay-stacked {
    inset:calc(116px + 11px * var(--mb-stack-depth,1))
          calc(10px + 8px * var(--mb-stack-depth,1))
          calc(12px + 7px * var(--mb-stack-depth,1));
  }
}
@media(max-width:680px){
  .mb-overlay.mb-overlay-stacked {
    inset:calc(105px + 10px * var(--mb-stack-depth,1))
          calc(10px + 4px * var(--mb-stack-depth,1))
          calc(12px + 5px * var(--mb-stack-depth,1));
    border-radius:18px;
  }
}
body.admin-bar .mb-overlay.mb-overlay-stacked {top:calc(122px + 32px + 14px * var(--mb-stack-depth,1))}
@media(max-width:900px){body.admin-bar .mb-overlay.mb-overlay-stacked {top:calc(116px + 32px + 11px * var(--mb-stack-depth,1))}}
@media(max-width:782px){body.admin-bar .mb-overlay.mb-overlay-stacked {top:calc(105px + 46px + 10px * var(--mb-stack-depth,1))}}
@media print {
  .mb-overlay.mb-overlay-stacked {display:none!important}
  .mb-overlay.is-underlay {filter:none!important}
}