:root{
  --sky:#87CEFA;
  --burnt:#CC5500;
  --white:#FFFFFF;
  --beige:#FFFFFF;
  --navy:#0F172A;
  --gray:#556175;
  --text:rgba(204,85,0,.92);
  --textMuted:rgba(15,23,42,.70);
  --borderSoft:rgba(15,23,42,.08);
  --border:rgba(15,23,42,.10);
  --surface:rgba(255,255,255,.62);
  --surface2:rgba(255,255,255,.52);
  --surface3:rgba(255,255,255,.40);
  --ok:rgba(46,173,101,.16);
  --okBorder:rgba(46,173,101,.40);
  --glass:rgba(255,255,255,.10);
  --glass2:rgba(255,255,255,.06);
  --stroke:rgba(15,23,42,.12);
  --stroke2:rgba(255,255,255,.14);
  --shadow:0 28px 80px rgba(15,23,42,.22);
  --shadow2:0 10px 30px rgba(15,23,42,.14);
  --radius:18px;
  --radius2:24px;
  --fontH:"Sora",ui-sans-serif,system-ui;
  --fontB:"Manrope",ui-sans-serif,system-ui;
  --focus:rgba(204,85,0,.48);
}
*{box-sizing:border-box}
html,body{height:100%; background:#ffffff}
body{
  margin:0;
  font-family:var(--fontB);
  color:var(--text);
  background:linear-gradient(180deg, #87CEFA 0%, #ffffff 55%, #ffffff 100%);
  overflow-x:hidden;
}
body::before{
  display:none;
}
.skipLink{
  position:absolute;
  left:-999px;
  top:10px;
  z-index:9999;
  padding:10px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.14);
  box-shadow:var(--shadow2);
}
.skipLink:focus{left:14px}
*:focus-visible{outline:2px solid var(--focus); outline-offset:2px}
.noise{
  display:none;
}
.page{min-height:70vh}
a{color:inherit; text-decoration:none}
.srOnly{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.nav{
  position:sticky; top:0; z-index:50;
  background:#ffffff;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.nav__inner{
  max-width:1180px;
  margin:0 auto;
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:18px;
}
.brand{display:flex; align-items:center; gap:10px}
.brand__mark{
  width:14px; height:14px; border-radius:999px;
  background:linear-gradient(135deg, rgba(204,85,0,.92), rgba(135,206,250,.55));
  box-shadow:0 0 0 6px rgba(135,206,250,.18);
}
.brand__name{
  font-family:var(--fontH);
  letter-spacing:-.02em;
  font-weight:700;
  font-size:var(--brand-text-size, 16px);
}
.brand__logo{
  height:var(--brand-logo-height, 28px);
  width:auto;
  display:block;
}
.nav__links{margin-left:auto; display:flex; align-items:center; gap:14px}
.nav__link{
  position:relative;
  font-size:13px;
  letter-spacing:.01em;
  padding:10px 12px;
  border-radius:999px;
  color:var(--text);
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease, color .25s ease;
}
.nav__link:hover{background:rgba(135,206,250,.22); transform:translateY(-1px)}
.nav__link--cta{
  background:transparent;
  border:1px solid rgba(15,23,42,.10);
}
.nav__link--cta:hover{background:rgba(135,206,250,.18); border-color:rgba(204,85,0,.22)}
.nav__group{position:relative; display:flex; align-items:center; gap:0}
.nav__chevBtn{
  display:none;
  align-items:center;
  justify-content:center;
  padding:10px 10px;
  border-radius:999px;
  background:transparent;
  border:0;
  cursor:pointer;
  transition:transform .25s ease, background .25s ease;
}
.nav__chevBtn:hover{background:rgba(135,206,250,.22); transform:translateY(-1px)}
.chev{
  display:none;
  width:8px; height:8px;
  border-right:2px solid rgba(15,23,42,.65);
  border-bottom:2px solid rgba(15,23,42,.65);
  transform:rotate(45deg);
  margin-left:8px;
  translate:0 -1px;
}
.nav__dropdown{
  position:absolute;
  top:calc(100% + 6px); left:0;
  min-width:180px;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:#ffffff;
  box-shadow:var(--shadow2);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
.nav__dropdown::before{
  content:"";
  position:absolute;
  left:0; right:0;
  top:-10px;
  height:10px;
}
.nav__group.is-open .nav__dropdown{opacity:1; transform:translateY(0); pointer-events:auto}
.nav__group.is-open .chev{transform:rotate(225deg); translate:0 1px}
.nav__group:focus-within .nav__dropdown{opacity:1; transform:translateY(0); pointer-events:auto}

@media (hover:hover) and (pointer:fine){
  .nav__group:hover .nav__dropdown{opacity:1; transform:translateY(0); pointer-events:auto}
}
.nav__drop{
  display:block;
  padding:10px 10px;
  border-radius:12px;
  font-size:13px;
  color:var(--text);
}
.nav__drop:hover{background:rgba(135,206,250,.22)}
.nav__toggle{
  display:none;
  width:42px; height:42px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(15,23,42,.08);
  cursor:pointer;
  margin-left:auto;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0;
}
.nav__toggle span{display:block; width:18px; height:2px; background:rgba(15,23,42,.72); border-radius:2px; transition:transform .25s ease, opacity .25s ease}

.hero{
  position:relative;
  padding:88px 18px 44px;
  overflow:hidden;
  background:transparent;
}
.hero__inner{
  max-width:1180px;
  margin:0 auto;
  position:relative;
}
.hero__bg{position:absolute; inset:0; pointer-events:none}
.pageHero__bg{position:absolute; inset:0; pointer-events:none}
.mesh{
  position:absolute;
  filter: blur(30px);
  opacity:.9;
}
.hero .mesh,
.pageHero .mesh{display:block}
.mesh--a{
  width:520px; height:520px;
  left:-120px; top:-160px;
  background:radial-gradient(circle at 30% 30%, rgba(135,206,250,.52), transparent 65%);
}
.mesh--b{
  width:620px; height:620px;
  right:-180px; top:-60px;
  background:radial-gradient(circle at 30% 30%, rgba(204,85,0,.16), transparent 65%);
}
.mesh--c{
  width:620px; height:540px;
  left:-160px; top:-140px;
  background:radial-gradient(circle at 30% 30%, rgba(135,206,250,.36), transparent 65%);
}
.mesh--d{
  width:580px; height:580px;
  right:-180px; top:-180px;
  background:radial-gradient(circle at 30% 30%, rgba(15,23,42,.14), transparent 65%);
}
.float{
  position:absolute;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 30px 90px rgba(15,23,42,.12);
}
.hero .float,
.pageHero .float{display:block}
.float--1{width:180px; height:180px; left:12%; top:38%; background:linear-gradient(135deg, rgba(135,206,250,.20), rgba(255,255,255,.10))}
.float--2{
  width:140px; height:140px; right:16%; top:18%;
  background-image:url("/assets/img/Cp%20Mohan.jpeg");
  background-size:112%;
  background-position:50% 8%;
  background-repeat:no-repeat;
  background-color:#fff;
}
.float--3{
  width:220px; height:220px; right:6%; top:52%;
  background-image:url("/assets/img/Cp%20Mohan.jpeg");
  background-size:110%;
  background-position:50% 12%;
  background-repeat:no-repeat;
  background-color:#fff;
}

.pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.08);
  color:var(--text);
  font-size:12px;
  letter-spacing:.03em;
  box-shadow:0 20px 60px rgba(15,23,42,.08);
}
.hero__title{
  font-family:var(--fontH);
  font-weight:700;
  letter-spacing:-.045em;
  font-size: clamp(36px, 5vw, 62px);
  line-height:1.02;
  margin:18px 0 14px;
}
.hero__titleAccent{
  display:block;
  font-weight:600;
  color:var(--textMuted);
}
.hero__subtitle{
  max-width:760px;
  color:var(--textMuted);
  font-size:16px;
  line-height:1.6;
  margin:0 0 24px;
}
.hero__cta{display:flex; gap:12px; flex-wrap:wrap}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid transparent;
  font-family:var(--fontH);
  font-weight:600;
  font-size:13px;
  letter-spacing:-.01em;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.btn--primary{
  background:linear-gradient(135deg, rgba(204,85,0,.92), rgba(204,85,0,.74));
  color:#fff;
  box-shadow:0 20px 55px rgba(204,85,0,.18);
}
.btn--primary:hover{transform:translateY(-1px); box-shadow:0 26px 70px rgba(204,85,0,.22)}
.btn--ghost{
  background:rgba(255,255,255,.55);
  border-color:rgba(15,23,42,.10);
  color:var(--text);
}
.btn--ghost:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg, rgba(204,85,0,.92), rgba(204,85,0,.74));
  border-color:rgba(204,85,0,.22);
  color:#fff;
  box-shadow:0 20px 55px rgba(204,85,0,.16);
}
.btn--sm{padding:10px 12px; font-size:12px}
.btn--wide{width:100%}

.hero__meta{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}
.metaCard{
  border-radius:var(--radius);
  background:rgba(255,255,255,.50);
  border:1px solid rgba(15,23,42,.08);
  padding:14px 14px;
  box-shadow:var(--shadow2);
}
.metaCard__k{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--textMuted)}
.metaCard__v{margin-top:8px; font-size:13px; color:var(--text)}

.section{
  max-width:1180px;
  margin:64px auto;
  padding:0 18px;
}
.section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:26px;
}
.section__hint{color:var(--textMuted); font-size:13px}
.h1,.h2,.h3{
  font-family:var(--fontH);
  letter-spacing:-.04em;
  margin:0;
}
.h1{font-size:clamp(34px, 4.2vw, 54px); line-height:1.05}
.h2{font-size:clamp(24px, 3.2vw, 34px); line-height:1.08}
.h3{font-size:18px}
.p{margin:12px 0 0; color:var(--textMuted); line-height:1.7}
.lead{margin:12px 0 0; color:var(--textMuted); line-height:1.7; max-width:760px}

.prose{
  color:rgba(15,23,42,.74);
  font-size:16px;
  line-height:1.78;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.prose > :first-child{margin-top:0}
.prose > :last-child{margin-bottom:0}
.prose p{margin:16px 0}
.prose h2,.prose h3,.prose h4{
  font-family:var(--fontH);
  letter-spacing:-.03em;
  margin:28px 0 12px;
  line-height:1.16;
}
.prose h2{font-size:22px}
.prose h3{font-size:18px}
.prose h4{font-size:16px}
.prose ul,.prose ol{margin:16px 0; padding-left:22px}
.prose li{margin:8px 0}
.prose a{
  color:rgba(204,85,0,.96);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.prose a:hover{color:rgba(204,85,0,1)}
.prose blockquote{
  margin:18px 0;
  padding:14px 16px;
  border-left:3px solid rgba(15,23,42,.24);
  background:rgba(255,255,255,.55);
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
}
.prose code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:.92em;
  background:rgba(15,23,42,.06);
  border:1px solid rgba(15,23,42,.08);
  padding:2px 6px;
  border-radius:10px;
}
.prose pre{
  margin:18px 0;
  padding:14px 14px;
  overflow:auto;
  border-radius:16px;
  background:rgba(15,23,42,.92);
  color:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.12);
}
.prose pre code{background:transparent; border:0; padding:0; color:inherit}
.prose hr{border:0; border-top:1px solid rgba(15,23,42,.10); margin:22px 0}
.prose img{max-width:100%; height:auto; border-radius:16px}
.prose figure{margin:18px 0}
.prose figcaption{margin-top:10px; font-size:13px; color:rgba(15,23,42,.60)}
.prose table{width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:16px; border:1px solid rgba(15,23,42,.10); background:rgba(255,255,255,.55)}
.prose th,.prose td{padding:10px 12px; border-bottom:1px solid rgba(15,23,42,.08); text-align:left; vertical-align:top}
.prose tr:last-child td{border-bottom:0}
.prose th{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:rgba(15,23,42,.70); background:rgba(135,206,250,.18)}
.rawHtml{margin:18px 0}
.rawHtml > :first-child{margin-top:0}
.rawHtml > :last-child{margin-bottom:0}
.rawHtml--full{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

.grid2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  column-gap:26px;
  row-gap:26px;
  align-items:stretch;
  margin:0;
}
.grid4{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  column-gap:26px;
  row-gap:26px;
  align-items:stretch;
  margin:0;
}
.card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  border-radius:var(--radius2);
  background:linear-gradient(180deg, rgba(255,255,255,.64), rgba(255,255,255,.40));
  border:1px solid rgba(15,23,42,.08);
  padding:18px 18px;
  box-shadow:var(--shadow2);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.card__cover{
  width:100%;
  aspect-ratio: 4 / 3;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.40);
  margin-bottom:14px;
  position:relative;
}
.card__cover img{width:100%; height:100%; object-fit:cover; display:block}
.card--media{
  padding:0;
  aspect-ratio: 4 / 3;
  background:rgba(255,255,255,.40);
}
.card--media::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.16);
  opacity:1;
  pointer-events:none;
}
.card--media .card__cover{
  position:absolute;
  inset:0;
  width:auto;
  aspect-ratio:auto;
  margin:0;
  border:0;
  border-radius:inherit;
}
.card--media .card__cover img{
  opacity:.82;
  filter:saturate(.95) contrast(.98) brightness(.95);
  transform:scale(1.02);
}
.card--media .card__glow{display:none}
.card__overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:16px;
  opacity:1;
  transform:translateY(0);
  transition:opacity .20s ease, transform .20s ease;
  pointer-events:none;
}
.card__info{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px 12px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.64));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 55px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
  max-width:100%;
}
.card--media:hover .card__overlay,
.card--media:focus-visible .card__overlay{
  opacity:1;
  transform:translateY(0);
}
.card--media .tag{display:none}
.card--media .read{display:none}
.card--media .read,.card--media .card__title{color:rgba(204,85,0,.96)}
.card--media .card__title{margin-top:0; text-shadow:none}
.card--media .card__top{display:none}
.card--media .card__info{
  gap:0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.card--media .card__title{
  display:block;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  letter-spacing:-.03em;
}

.card--media .card__overlay{
  padding:18px;
}
.card:hover{transform:translateY(-4px); box-shadow:var(--shadow)}
.card__glow{
  position:absolute; inset:-80px;
  background:radial-gradient(circle at 30% 20%, rgba(135,206,250,.30), transparent 55%),
    radial-gradient(circle at 70% 10%, rgba(204,85,0,.12), transparent 55%);
  opacity:.0;
  transition:opacity .25s ease;
}
.card:hover .card__glow{opacity:1}
.card__top{display:flex; align-items:center; justify-content:space-between; gap:10px}
.tag{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(135,206,250,.18);
  border:1px solid rgba(135,206,250,.36);
  color:rgba(15,23,42,.78);
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.read{font-size:12px; color:var(--textMuted)}
.card__title{
  font-family:var(--fontH);
  font-weight:700;
  letter-spacing:-.03em;
  font-size:18px;
  margin-top:14px;
  position:relative;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}
.card__desc{
  margin-top:10px;
  color:var(--textMuted);
  line-height:1.65;
  font-size:14px;
  position:relative;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
}
.card__foot{
  margin-top:auto;
  padding-top:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:var(--textMuted);
  font-size:13px;
  position:relative;
}
.card__arrow{color:rgba(204,85,0,.92)}
.card--mini{padding:16px}

.grid4 > a.card:not(.card--media),
.grid2 > a.card:not(.card--media){
  justify-content:center;
}
.grid4 > a.card:not(.card--media) .card__title,
.grid2 > a.card:not(.card--media) .card__title{
  margin-top:0;
}
.grid4 > a.card:not(.card--media) .card__top,
.grid4 > a.card:not(.card--media) .card__desc,
.grid4 > a.card:not(.card--media) .card__foot,
.grid4 > a.card:not(.card--media) .card__glow,
.grid2 > a.card:not(.card--media) .card__top,
.grid2 > a.card:not(.card--media) .card__desc,
.grid2 > a.card:not(.card--media) .card__foot,
.grid2 > a.card:not(.card--media) .card__glow{
  display:none;
}

.section--split{padding-top:0}
.split{display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:stretch}
.split__right .pill{margin-bottom:12px}
.split__right .h3{margin-top:0}
.storyGrid__card .pill{margin-bottom:12px}
.storyGrid__card .h3{margin-top:0}
.glassFrame{
  border-radius:var(--radius2);
  background:linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.46));
  color:var(--text);
  border:1px solid rgba(15,23,42,.08);
  padding:22px;
  box-shadow:var(--shadow2);
  position:relative;
  overflow:hidden;
}
.glassFrame::before{
  content:"";
  position:absolute; inset:-120px;
  background:radial-gradient(circle at 30% 20%, rgba(135,206,250,.26), transparent 60%),
    radial-gradient(circle at 70% 10%, rgba(255,255,255,.32), transparent 60%);
  opacity:.9;
}
.glassFrame__label{position:relative; font-size:11px; letter-spacing:.10em; text-transform:uppercase; opacity:.75}
.glassFrame__big{position:relative; font-family:var(--fontH); font-size:26px; letter-spacing:-.04em; margin-top:12px; line-height:1.12}
.glassFrame__small{position:relative; margin-top:12px; opacity:.8; line-height:1.7}
.glassFrame--tight{padding:18px}

.contentFrame{
  border-radius:var(--radius2);
  background:linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.46));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--shadow2);
  padding:22px;
}

.poemList{display:flex; flex-direction:column; gap:10px; margin-top:16px}
.poemItem{
  display:flex; flex-direction:column;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.50);
  box-shadow:var(--shadow2);
  transition:transform .25s ease, background .25s ease;
}
.poemItem:hover{transform:translateY(-2px); background:rgba(135,206,250,.18)}
.poemItem__lang{font-size:11px; letter-spacing:.10em; text-transform:uppercase; color:var(--textMuted)}
.poemItem__title{margin-top:6px; font-family:var(--fontH); letter-spacing:-.03em; font-size:16px; color:var(--text)}

.masonry{display:grid; grid-template-columns:repeat(12, 1fr); gap:18px}
.tile{
  grid-column:span 4;
  height:200px;
  border-radius:var(--radius2);
  background:linear-gradient(135deg, rgba(135,206,250,.24), rgba(255,255,255,.55));
  border:1px solid rgba(15,23,42,.08);
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow2);
  transition:transform .25s ease, box-shadow .25s ease;
}
.tile__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.tile:hover{transform:translateY(-4px); box-shadow:var(--shadow)}
.tile--tall{grid-column:span 5; height:320px}
.tile--wide{grid-column:span 7; height:240px; background:linear-gradient(135deg, rgba(204,85,0,.12), rgba(255,255,255,.55))}
.tile__cap{
  position:absolute; left:14px; bottom:14px;
  font-family:var(--fontH);
  letter-spacing:-.02em;
  font-size:16px;
  color:rgba(255,255,255,.92);
  background:rgba(15,23,42,.32);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:8px 10px;
  box-shadow:0 18px 40px rgba(15,23,42,.22);
  opacity:0;
  transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease;
}
.tile:hover .tile__cap,
.tile:focus-visible .tile__cap{opacity:1; transform:translateY(0)}

.section--about{padding-top:0}
.aboutPreview{
  border-radius:var(--radius2);
  background:rgba(255,255,255,.46);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--shadow2);
  padding:22px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
  overflow:hidden;
}
.frameVisual{
  height:100%;
  min-height:240px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.40));
  border:1px solid rgba(15,23,42,.08);
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow2);
}
.frameVisual__mesh{
  position:absolute; inset:-140px;
  background:radial-gradient(circle at 25% 25%, rgba(135,206,250,.26), transparent 60%),
    radial-gradient(circle at 80% 20%, rgba(204,85,0,.14), transparent 60%);
}
.frameVisual__meta{
  position:relative;
  margin:14px;
  padding:12px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  color:var(--text);
}
.frameVisual__k{font-size:11px; letter-spacing:.10em; text-transform:uppercase; opacity:.76}
.frameVisual__v{margin-top:6px; font-family:var(--fontH); letter-spacing:-.03em; font-size:16px}

.quote{
  max-width:1180px;
  margin:64px auto;
  padding:0 18px;
}
.quote__inner{
  border-radius:var(--radius2);
  background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.40));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--shadow2);
  padding:34px 26px;
  position:relative;
  overflow:hidden;
}
.quote__mark{
  position:absolute; top:18px; right:18px;
  font-family:var(--fontH);
  font-size:54px;
  color:rgba(135,206,250,.38);
}
.quote__text{
  font-family:var(--fontH);
  font-weight:700;
  letter-spacing:-.04em;
  font-size:clamp(22px, 3vw, 34px);
  line-height:1.16;
  max-width:980px;
}
.quote__by{margin-top:14px; color:var(--textMuted); font-size:13px}

.cta{max-width:1180px; margin:64px auto; padding:0 18px}
.cta__inner{
  border-radius:var(--radius2);
  background:linear-gradient(135deg, rgba(135,206,250,.22), rgba(255,255,255,.55));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--shadow2);
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.cta__actions{display:flex; gap:12px; flex-wrap:wrap}
.cta--soft .cta__inner{background:rgba(255,255,255,.52)}

.footer{
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.66);
  backdrop-filter: blur(12px);
}
.footer__inner{
  max-width:1180px;
  margin:0 auto;
  padding:28px 18px;
  display:flex;
  justify-content:space-between;
  gap:18px;
}
.footer__title{font-family:var(--fontH); letter-spacing:-.03em; font-weight:700}
.footer__desc{margin-top:10px; color:var(--textMuted); max-width:420px; line-height:1.7}
.footer__col--right{display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.footer__link{font-size:13px; color:var(--textMuted); padding:10px 12px; border-radius:999px}
.footer__link:hover{background:rgba(135,206,250,.22)}

.pageHero{
  position:relative;
  padding:70px 18px 22px;
  overflow:hidden;
  background:transparent;
}
.pageHero__bg{display:none}
.pageHero__inner{max-width:1180px; margin:0 auto; position:relative}
.pageHero--compact{padding-top:58px}

.aboutPage .pageHero__bg{display:block}
.pageHero--about{padding-bottom:42px}
.aboutDivider{
  max-width:1180px;
  margin:0 auto;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(15,23,42,.10), transparent);
  opacity:.9;
}
.aboutHero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.aboutHero__copy{min-width:0}
.aboutHero__art{display:flex; align-items:flex-start; justify-content:flex-end; min-width:0}
.aboutHero__img{
  width:220px;
  height:220px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 30px 90px rgba(15,23,42,.12);
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:cover;
}
.aboutGrid{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:18px;
  align-items:stretch;
}
.aboutGrid__main{min-width:0}
.aboutGrid__side{display:flex; justify-content:flex-end; align-self:stretch}
.aboutCard{
  width:100%;
  max-width:420px;
  border-radius:var(--radius2);
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
  height:100%;
}
.aboutCard__img{
  width:100%;
  height:100%;
  min-height:220px;
  border-radius:var(--radius2);
  border:1px solid rgba(15,23,42,.08);
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50% 50%;
  box-shadow:var(--shadow2);
}
.section--aboutFeature{padding-top:10px}
.aboutFeature{
  max-width:1180px;
  margin:0 auto;
}
.aboutFeature__img{
  width:100%;
  height:clamp(240px, 32vw, 520px);
  border-radius:var(--radius2);
  border:1px solid rgba(15,23,42,.08);
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50% 55%;
  box-shadow:var(--shadow2);
}
.aboutSplit{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(260px, 420px);
  gap:18px;
  align-items:stretch;
}
.aboutPage .section > .h2 + .aboutSplit{margin-top:16px}
.aboutSplit__main{min-width:0}
.aboutSplit__side{display:flex; justify-content:flex-end; align-self:stretch}
.aboutMedia{
  width:100%;
  max-width:420px;
  border-radius:var(--radius2);
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
  height:100%;
}
.aboutMedia__img{
  width:100%;
  height:100%;
  min-height:240px;
  border-radius:var(--radius2);
  border:1px solid rgba(15,23,42,.08);
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50% 50%;
  box-shadow:var(--shadow2);
}
.aboutMedia--tall .aboutMedia__img{height:100%}
.aboutPoem{
  margin-top:0;
  border-radius:var(--radius2);
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.52);
  box-shadow:var(--shadow2);
  padding:18px;
  color:rgba(15,23,42,.74);
}
.aboutPoem__line{line-height:1.85}
.aboutPoem__sp{height:12px}
.aboutList{
  margin:0;
  padding-left:22px;
  color:var(--textMuted);
  line-height:1.8;
}
.aboutList li{margin:8px 0}

@media (max-width: 900px){
  .aboutHero{flex-direction:column; align-items:flex-start}
  .aboutHero__img{width:180px; height:180px}
  .aboutGrid{grid-template-columns:1fr}
  .aboutGrid__side{justify-content:flex-start}
  .aboutCard__img{height:clamp(260px, 70vw, 420px)}
  .aboutFeature__img{height:220px}
  .aboutSplit{grid-template-columns:1fr}
  .aboutSplit__side{justify-content:flex-start}
  .aboutMedia{max-width:520px}
  .aboutMedia__img{height:260px}
  .aboutMedia--tall .aboutMedia__img{height:300px}
}

.filters{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.filters__chips{display:flex; gap:10px; flex-wrap:wrap; order:1}
.search{display:flex; gap:10px; align-items:center; order:2; margin-left:auto}
.search__input{
  width:min(420px, 78vw);
  padding:12px 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.62);
  outline:none;
  font-family:var(--fontB);
  font-size:13px;
}
.search__input:focus{border-color:rgba(204,85,0,.32); box-shadow:0 0 0 6px rgba(135,206,250,.18)}
.chip{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.52);
  font-size:12px;
  color:var(--textMuted);
}
.chip:hover{background:rgba(135,206,250,.20)}
.chip--active{background:rgba(135,206,250,.26); border-color:rgba(135,206,250,.44)}

.pager{margin-top:18px; display:flex; align-items:center; justify-content:center; gap:12px}
.pager__btn{padding:10px 12px; border-radius:999px; border:1px solid rgba(15,23,42,.10); background:rgba(255,255,255,.52); font-size:12px}
.pager__btn:hover{background:rgba(135,206,250,.20)}
.pager__btn--disabled{opacity:.45; pointer-events:none}
.pager__meta{font-size:12px; color:var(--textMuted)}

.readingHero{
  padding:70px 18px 16px;
  background:transparent;
}
.readingHero__inner{max-width:820px; margin:0 auto}
.readingHero__meta{display:flex; align-items:center; gap:10px; color:var(--textMuted); font-size:12px}
.dot{width:4px; height:4px; border-radius:999px; background:rgba(204,85,0,.34)}
.muted{color:var(--textMuted)}
.readingHero__title{
  font-family:var(--fontH);
  letter-spacing:-.05em;
  font-size:clamp(30px, 4.5vw, 46px);
  line-height:1.08;
  margin:16px 0 0;
}
.readingHero__lead{margin:12px 0 0; color:var(--textMuted); line-height:1.7}
.back{display:inline-flex; align-items:center; gap:10px; color:var(--textMuted); font-size:13px; padding:10px 0}
.back:hover{color:rgba(204,85,0,.96)}
.reading{padding:12px 18px 60px}
.reading__inner{max-width:820px; margin:0 auto}
.reading__p{font-size:18px; line-height:1.9; color:var(--textMuted); margin:0 0 18px; overflow-wrap:anywhere; word-break:break-word}
.reading__p img{max-width:100%; height:auto; display:block; border-radius:18px}
.reading__p pre{max-width:100%; overflow:auto; white-space:pre; border-radius:18px}
.reading__p code{overflow-wrap:anywhere; word-break:break-word}
.progress{
  position:fixed;
  top:0; left:0; right:0;
  height:2px;
  background:transparent;
  z-index:60;
}
.progress__bar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg, rgba(135,206,250,.86), rgba(204,85,0,.92));
}
.share{margin-top:30px; border-top:1px solid rgba(15,23,42,.08); padding-top:18px}
.share__label{font-size:11px; letter-spacing:.10em; text-transform:uppercase; color:var(--textMuted)}
.share__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}
.share__btn{padding:10px 12px; border-radius:999px; border:1px solid rgba(15,23,42,.10); background:rgba(255,255,255,.52); font-size:12px}
.share__btn:hover{background:rgba(135,206,250,.18); border-color:rgba(204,85,0,.20)}
.related{margin-top:26px}

.poetryGrid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; align-items:stretch}
.poetryCard{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  border-radius:var(--radius2);
  background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.40));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--shadow2);
  padding:18px;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.poetryCard:hover{transform:translateY(-4px); box-shadow:var(--shadow)}
.poetryCard__title{
  font-family:var(--fontH);
  letter-spacing:-.04em;
  font-size:18px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}
.poetryCard__hint{
  margin-top:auto;
  padding-top:10px;
  color:var(--textMuted);
  font-size:13px;
}
.poetryCard__glow{
  position:absolute; inset:-90px;
  background:radial-gradient(circle at 30% 20%, rgba(135,206,250,.22), transparent 60%);
  opacity:.0; transition:opacity .25s ease;
}
.poetryCard:hover .poetryCard__glow{opacity:1}

.poem{padding:14px 18px 70px}
.poem__inner{max-width:760px; margin:0 auto}
.poem__lines{margin-top:18px}
.poem__line{
  font-family:var(--fontH);
  letter-spacing:-.03em;
  font-size:clamp(18px, 2.2vw, 22px);
  line-height:1.85;
  margin:0 0 14px;
  color:rgba(15,23,42,.82);
  opacity:0;
  transform:translateY(6px);
}
.poem__rich{margin-top:18px}
.poem__rich.prose p{
  font-family:var(--fontH);
  letter-spacing:-.03em;
  font-size:clamp(18px, 2.2vw, 22px);
  line-height:1.85;
  margin:0 0 14px;
  color:rgba(15,23,42,.82);
}
.poem__rich.prose h2{margin:20px 0 10px}
.poem__audio{margin-top:28px; border-top:1px solid rgba(15,23,42,.08); padding-top:16px; display:flex; align-items:center; justify-content:space-between; gap:12px}
.poem__audioLabel{font-size:12px; letter-spacing:.10em; text-transform:uppercase; color:rgba(15,23,42,.58)}

.galleryGrid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:18px;
  grid-auto-rows:8px;
  grid-auto-flow:dense;
}
.gItem{
  grid-column:span 4;
  grid-row-end:span 30;
  width:100%;
  display:block;
  padding:0;
  border-radius:var(--radius2);
  background:rgba(255,255,255,.60);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--shadow2);
  position:relative;
  cursor:pointer;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.gItem:hover{transform:translateY(-4px); box-shadow:var(--shadow)}
.gItem:focus-visible{transform:translateY(-4px); box-shadow:var(--shadow)}
.gItem img{width:100%; height:auto; display:block}
.gItem__cap{
  position:absolute;
  left:14px;
  bottom:14px;
  font-family:var(--fontH);
  letter-spacing:-.03em;
  font-size:16px;
  color:rgba(15,23,42,.92);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(15,23,42,.10);
  border-radius:999px;
  padding:8px 10px;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease;
}
.gItem:hover .gItem__cap,
.gItem:focus-visible .gItem__cap{opacity:1; transform:translateY(0)}

main#main > section.section > div.grid4 > a.card[data-hover-card]{
  left:0 !important;
}
main#main > section.section:nth-child(2) > div.grid4 > a.card[data-hover-card]{
  left:0 !important;
}

.lightbox{
  position:fixed; inset:0;
  display:none;
  z-index:80;
}
.lightbox.is-open{display:block}
.lightbox__backdrop{position:absolute; inset:0; background:rgba(15,23,42,.55); border:0; width:100%; height:100%}
.lightbox__panel{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:0;
  background:rgba(15,23,42,.96);
  border:0;
  backdrop-filter: blur(10px);
  box-shadow:none;
  overflow:hidden;
}
.lightbox__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(15,23,42,.72);
  backdrop-filter: blur(10px);
}
.lightbox__title{font-family:var(--fontH); letter-spacing:-.03em; font-weight:700; color:rgba(255,255,255,.92)}
.lightbox__close{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.90);
  border-radius:999px;
  padding:10px 12px;
  cursor:pointer;
}
.lightbox__close:hover{background:rgba(204,85,0,.14); border-color:rgba(204,85,0,.28)}
.lightbox__body{position:relative; padding:14px; height:calc(100vh - 58px)}
.lightbox__ph{
  height:100%;
  border-radius:18px;
  background:
    radial-gradient(400px 220px at 30% 30%, rgba(135,206,250,.34), transparent 65%),
    radial-gradient(380px 260px at 70% 20%, rgba(204,85,0,.14), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
}
.lightbox__ph img{max-width:100%; max-height:100%; object-fit:contain}
.lightbox__nav{
  position:absolute;
  top:50%;
  translate:0 -50%;
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  line-height:1;
}
.lightbox__nav:hover{background:rgba(204,85,0,.12); border-color:rgba(204,85,0,.24)}
.lightbox__nav--prev{left:16px}
.lightbox__nav--next{right:16px}

.notice{
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.52);
  margin-bottom:14px;
  font-size:13px;
}
.notice--ok{border-color:var(--okBorder); background:var(--ok)}
.notice--bad{border-color:rgba(204,85,0,.32); background:rgba(204,85,0,.10)}

.contact{display:grid; grid-template-columns:1.1fr .9fr; gap:18px}
.form{
  border-radius:var(--radius2);
  background:rgba(255,255,255,.52);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--shadow2);
  padding:18px;
}
.form__row{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px}
.field{margin-bottom:14px}
.field__label{display:block; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:rgba(15,23,42,.60); margin-bottom:8px}
.field__input,.field__textarea{
  width:100%;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.66);
  outline:none;
  font-family:var(--fontB);
  font-size:14px;
}
.field__textarea{resize:vertical; min-height:150px}
.field__input:focus,.field__textarea:focus{border-color:rgba(204,85,0,.42); box-shadow:0 0 0 6px rgba(135,206,250,.18)}
.field__input--bad,.field__textarea--bad{border-color:rgba(204,85,0,.38); box-shadow:0 0 0 6px rgba(204,85,0,.12)}
.field__err{margin-top:8px; font-size:12px; color:rgba(204,85,0,.90)}
.form__actions{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:6px}
.form__note{font-size:12px; color:rgba(15,23,42,.58)}
.contactAside__links{margin-top:14px; display:flex; flex-direction:column; gap:10px}
.contactAside__link{padding:10px 12px; border-radius:16px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.84)}
.contactAside__link:hover{background:rgba(135,206,250,.18)}

.error{padding:90px 18px}
.error__inner{max-width:900px; margin:0 auto; text-align:center}
.error__code{font-family:var(--fontH); font-size:60px; letter-spacing:-.06em}
.error__title{font-family:var(--fontH); letter-spacing:-.04em; font-size:28px; margin:10px 0 0}
.error__desc{margin:12px auto 18px; color:rgba(15,23,42,.65); max-width:620px; line-height:1.7}
.error__trace{
  margin:14px auto 18px;
  max-width:980px;
  text-align:left;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.52);
  overflow:auto;
  color:rgba(15,23,42,.78);
  font-size:12px;
  line-height:1.6;
}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}

@media (max-width: 980px){
  .hero__meta{grid-template-columns:1fr; max-width:520px}
  .grid2{grid-template-columns:1fr}
  .grid4{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .split{grid-template-columns:1fr}
  .aboutPreview{grid-template-columns:1fr}
  .masonry{grid-template-columns:repeat(8, 1fr)}
  .tile{grid-column:span 4}
  .tile--wide{grid-column:span 8}
  .tile--tall{grid-column:span 8}
  .poetryGrid{grid-template-columns:1fr}
  .galleryGrid{grid-template-columns:repeat(8, 1fr)}
  .gItem{grid-column:span 4}
  .contact{grid-template-columns:1fr}
  .section{margin:52px auto; padding:0 18px}
  .quote{margin:52px auto; padding:0 18px}
  .cta{margin:52px auto; padding:0 18px}
}
@media (max-width: 640px){
  .grid4{grid-template-columns:1fr}
  .galleryGrid{grid-template-columns:repeat(4, 1fr)}
  .gItem{grid-column:span 4}
  .section{margin:44px auto; padding:0 16px}
  .quote{margin:44px auto; padding:0 16px}
  .cta{margin:44px auto; padding:0 16px}
}
@media (max-width: 760px){
  .nav__toggle{display:inline-flex}
  .nav__links{
    position:fixed;
    left:14px; right:14px; top:68px;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:10px;
    border-radius:22px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(15,23,42,.10);
    backdrop-filter: blur(16px);
    box-shadow:var(--shadow);
    transform:translateY(-10px);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease, transform .2s ease;
  }
  .nav__links.is-open{opacity:1; transform:translateY(0); pointer-events:auto}
  .nav__dropdown{position:static; opacity:1; transform:none; pointer-events:auto; box-shadow:none; background:transparent; border:0; padding:0 0 0 10px; display:block}
  .nav__group.is-open .nav__dropdown{display:block}
  .hero{padding-top:78px}
  .section__head{flex-direction:column; align-items:flex-start}
  .form__row{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}