/* ============================================================
   ШАНДАРАШКА — frosted glass design system
   ============================================================ */
:root{
  --bg:oklch(97.5% .006 250);
  --ink:oklch(23% .02 280);
  --mut:oklch(46% .02 280);
  --faint:oklch(62% .02 280);
  --line:oklch(89% .01 270);

  /* glass */
  --glass:rgba(255,255,255,.55);
  --glass-strong:rgba(255,255,255,.72);
  --glass-brd:rgba(255,255,255,.75);
  --glass-shadow:0 10px 40px rgba(40,40,80,.10),0 2px 8px rgba(40,40,80,.05);
  --glass-inset:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 1px rgba(120,120,160,.06);

  /* brand accent (used sparingly) */
  --accent:oklch(62% .2 18);
  --accent-hi:oklch(68% .21 22);

  /* pastel blobs under the glass */
  --blob-1:oklch(86% .09 18);
  --blob-2:oklch(89% .08 65);
  --blob-3:oklch(88% .07 175);
  --blob-4:oklch(85% .09 285);

  --display:'Fraunces',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;

  --t0:clamp(1rem, .95rem + .3vw, 1.15rem);
  --t1:clamp(1.15rem, 1rem + .7vw, 1.5rem);
  --t2:clamp(1.5rem, 1.2rem + 1.4vw, 2.3rem);
  --t3:clamp(2.1rem, 1.4rem + 3vw, 3.8rem);
  --t4:clamp(2.8rem, 1.6rem + 5vw, 6rem);
  --huge:clamp(2.4rem, .8rem + 8vw, 8rem);

  --pad:clamp(1.2rem, 1rem + 3vw, 5rem);
  --maxw:1440px;
  --r:22px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:var(--t0);line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;text-wrap:pretty;
  position:relative;min-height:100vh;
}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--accent);color:#fff}

/* ---- the colored light under the frost (fixed, behind everything) ---- */
.aura{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.aura b{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.aura .a1{width:46vw;height:46vw;background:var(--blob-1);top:-8vw;left:-6vw}
.aura .a2{width:42vw;height:42vw;background:var(--blob-2);top:18vw;right:-10vw}
.aura .a3{width:48vw;height:48vw;background:var(--blob-3);bottom:-14vw;left:8vw}
.aura .a4{width:40vw;height:40vw;background:var(--blob-4);bottom:6vw;right:6vw}
/* light veil so blobs read as soft pastel wash (no full-screen backdrop blur — keeps it fast) */
.aura::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.46)}

/* subtle grain over all */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:.03;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ============================================================
   GLASS — the core surface
   ============================================================ */
.glass{
  background:var(--glass);
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  border:1px solid var(--glass-brd);
  box-shadow:var(--glass-shadow),var(--glass-inset);
  border-radius:var(--r);
  position:relative;overflow:hidden;
}
/* travelling specular glint */
.glint{position:relative;overflow:hidden}
.glint::before{
  content:"";position:absolute;top:-60%;left:-120%;width:60%;height:220%;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.0) 30%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 70%,transparent 100%);
  transform:rotate(8deg);pointer-events:none;
  transition:left .9s cubic-bezier(.4,0,.2,1);
}
.glint:hover::before,.glint.sweep::before{left:140%}
/* permanent soft top edge highlight */
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 60% at 30% -10%,rgba(255,255,255,.5),transparent 60%)}

/* ============================================================
   NAV
   ============================================================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:center;padding:.9rem var(--pad)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;max-width:var(--maxw);
  padding:.55rem .7rem .55rem 1.3rem;border-radius:999px;
  background:var(--glass-strong);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);
  border:1px solid var(--glass-brd);box-shadow:var(--glass-shadow),var(--glass-inset)}
.nav .wm{font-family:var(--display);font-weight:900;font-size:1.2rem;letter-spacing:-.01em;text-decoration:none;color:var(--ink);white-space:nowrap}
.nav .links{display:flex;gap:.3rem;align-items:center}
.nav .links a{text-decoration:none;font-size:.86rem;font-weight:500;color:var(--mut);padding:.5rem .8rem;border-radius:999px;transition:color .2s,background .2s}
.nav .links a:hover{color:var(--ink);background:rgba(255,255,255,.5)}
.nav .links a.active{color:var(--ink);background:rgba(255,255,255,.7)}
.nav .book{background:var(--accent);color:#fff;padding:.6rem 1.2rem;border-radius:999px;font-weight:600;font-size:.86rem;text-decoration:none;transition:background .3s,transform .3s;white-space:nowrap}
.nav .book:hover{background:var(--accent-hi);transform:translateY(-1px)}
.nav .burger{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center}
.nav .burger span{display:block;width:18px;height:2px;background:var(--ink);position:relative}
.nav .burger span::before,.nav .burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink)}
.nav .burger span::before{top:-6px}.nav .burger span::after{top:6px}
@media(max-width:920px){
  .nav .links{position:fixed;top:80px;left:var(--pad);right:var(--pad);flex-direction:column;align-items:stretch;gap:.2rem;
    background:var(--glass-strong);backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--glass-brd);
    border-radius:20px;padding:.6rem;box-shadow:var(--glass-shadow);transform:translateY(-10px) scale(.98);opacity:0;pointer-events:none;transition:.3s}
  .nav.open .links{transform:none;opacity:1;pointer-events:auto}
  .nav .links a{padding:.8rem 1rem;font-size:1rem}
  .nav .burger{display:flex}
}

/* ============================================================
   LAYOUT primitives
   ============================================================ */
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
.sec{padding-block:clamp(4rem,9vw,8rem)}
.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.chap{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:2.6rem}
.chap .n{font-family:var(--mono);font-size:.8rem;color:var(--accent);letter-spacing:.1em}
.chap h2{font-family:var(--display);font-weight:900;font-size:var(--t3);letter-spacing:-.02em;line-height:1}
.chap .x{flex:1;height:1px;background:var(--line)}
h1,h2,h3,h4{text-wrap:balance}

.btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--accent);color:#fff;padding:.95rem 1.8rem;border-radius:999px;font-weight:600;text-decoration:none;border:none;cursor:pointer;font-size:var(--t0);transition:background .3s,transform .3s,box-shadow .3s;box-shadow:0 10px 30px rgba(200,50,40,.25)}
.btn:hover{background:var(--accent-hi);transform:translateY(-3px);box-shadow:0 16px 40px rgba(200,50,40,.32)}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.btn.ghost{background:var(--glass-strong);color:var(--ink);border:1px solid var(--glass-brd);box-shadow:var(--glass-shadow)}
.btn.ghost:hover{background:#fff}

/* ============================================================
   HERO (shared base, pages tweak-override)
   ============================================================ */
.hero{position:relative;padding-top:clamp(8rem,16vh,11rem);padding-bottom:clamp(3rem,7vw,6rem)}
.hero h1{font-family:var(--display);font-weight:900;font-size:var(--huge);line-height:.85;letter-spacing:-.035em}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .ln>span{display:inline-block}
@media(max-width:640px){.hero h1 .ln{overflow:visible}}
.hero h1 em{font-style:italic;font-weight:600;color:var(--accent)}
.hero .lead{max-width:36ch;font-size:var(--t1);color:var(--mut);line-height:1.5;margin-top:1.5rem}
.page-hero{padding-top:clamp(9rem,18vh,13rem);padding-bottom:clamp(2rem,5vw,4rem)}
.page-hero h1{font-family:var(--display);font-weight:900;font-size:var(--t4);line-height:.92;letter-spacing:-.03em}
.page-hero h1 em{font-style:italic;font-weight:600;color:var(--accent)}
.page-hero .lead{max-width:50ch;font-size:var(--t1);color:var(--mut);margin-top:1.2rem}

/* reveal */
.rv{opacity:0;transform:translateY(28px)}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  .aura b{display:none}
}

/* ============================================================
   FOOTER
   ============================================================ */
.foot{margin-top:clamp(4rem,8vw,7rem)}
.foot-in{max-width:var(--maxw);margin:0 auto;padding:clamp(2rem,4vw,3.5rem);border-radius:var(--r) var(--r) 0 0}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}
.foot h3{font-family:var(--display);font-weight:900;font-size:var(--t2);letter-spacing:-.01em;margin-bottom:.6rem}
.foot p{color:var(--mut);max-width:30ch;font-size:.95rem}
.foot .col h5{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:.9rem}
.foot .col a{display:block;text-decoration:none;color:var(--ink);padding:.25rem 0;font-size:.95rem;opacity:.85}
.foot .col a:hover{opacity:1;color:var(--accent)}
.foot-bot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.76rem;color:var(--faint)}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:1.6rem}}

/* ============================================================
   COMPONENTS (home + reused on subpages)
   ============================================================ */
/* hero layout */
.hero-bottom{display:grid;grid-template-columns:1fr minmax(300px,380px);gap:clamp(1.5rem,3vw,3rem);align-items:end;margin-top:clamp(1.8rem,3vw,2.6rem)}
.hero-left .lead{margin-top:0}
.hero-cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
@media(max-width:820px){.hero-bottom{grid-template-columns:1fr}}

/* hero featured glass card */
.hero-card{padding:clamp(1.6rem,2.5vw,2.2rem);display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit}
.hero-card .hc-tag{align-self:flex-start;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--accent);padding:.25rem .6rem;border-radius:6px;margin-bottom:.4rem}
.hero-card .hc-num{font-family:var(--mono);font-size:.74rem;color:var(--faint);letter-spacing:.1em}
.hero-card h3{font-family:var(--display);font-weight:900;font-size:var(--t2);letter-spacing:-.01em}
.hero-card p{color:var(--mut);font-size:.95rem}
.hero-card .hc-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:1.2rem}
.hero-card .hc-price{font-family:var(--display);font-weight:900;font-size:var(--t2);font-variant-numeric:tabular-nums}
.hero-card .hc-price span{font-size:.5em;font-family:var(--sans);font-weight:600;color:var(--mut);margin-left:.15em}
.hero-card .hc-go{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;transition:transform .3s}
.hero-card:hover .hc-go{transform:rotate(-45deg)}
.hero-card .hc-go svg{width:18px;height:18px}

/* hero strip */
.hero-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(1.5rem,3vw,2.5rem);padding:0;background:var(--line)}
.hero-strip .hs{background:var(--glass);padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.2rem}
.hero-strip .hs:first-child{border-radius:var(--r) 0 0 var(--r)}
.hero-strip .hs:last-child{border-radius:0 var(--r) var(--r) 0}
.hero-strip .hs-k{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.hero-strip .hs-v{font-family:var(--display);font-weight:700;font-size:var(--t1);letter-spacing:-.01em}
@media(max-width:680px){.hero-strip{grid-template-columns:1fr 1fr}.hero-strip .hs{border-radius:0!important}}

/* intro */
.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.intro-h{font-family:var(--display);font-weight:600;font-style:italic;font-size:clamp(1.8rem, 1rem + 3.5vw, 3.6rem);line-height:1.05;letter-spacing:-.02em}
.intro-h b{font-style:normal;font-weight:900;color:var(--accent)}
.intro-p{color:var(--mut);font-size:var(--t1);line-height:1.55}
.intro-p+.intro-p{margin-top:1rem}
.txt-link{display:inline-block;margin-top:1.2rem;font-weight:600;color:var(--accent);text-decoration:none}
.txt-link:hover{text-decoration:underline}
@media(max-width:820px){.intro-grid{grid-template-columns:1fr;gap:1.5rem}}

/* package cards (small) */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,1.6vw,1.4rem)}
.pcard{padding:clamp(1.4rem,2.2vw,1.9rem);text-decoration:none;color:inherit;display:flex;flex-direction:column;min-height:200px;transition:transform .5s cubic-bezier(.19,1,.22,1)}
.pcard:hover{transform:translateY(-5px)}
.pcard .pc-num{font-family:var(--mono);font-size:.74rem;color:var(--faint);letter-spacing:.1em;margin-bottom:.7rem}
.pcard h3{font-family:var(--display);font-weight:900;font-size:var(--t2);letter-spacing:-.01em;margin-bottom:.3rem}
.pcard p{color:var(--mut);font-family:var(--mono);font-size:.82rem;margin-bottom:auto}
.pcard .pc-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.4rem}
.pcard .pc-price{font-family:var(--display);font-weight:900;font-size:var(--t1);font-variant-numeric:tabular-nums}
.pcard .pc-price small{font-size:.55em;font-family:var(--sans);font-weight:600;color:var(--mut);margin-left:.12em}
.pcard .pc-go{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s}
.pcard:hover .pc-go{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(-45deg)}
.pcard .pc-go svg{width:14px;height:14px}
.feat-more{margin-top:2rem;text-align:center}
@media(max-width:820px){.feat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.feat-grid{grid-template-columns:1fr}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,1.8vw,1.4rem)}
.step{padding:clamp(1.4rem,2.2vw,1.9rem)}
.step .sn{font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(2.4rem,4vw,3.6rem);line-height:.85;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:.8rem}
.step h3{font-family:var(--display);font-weight:900;font-size:var(--t1);letter-spacing:-.01em;margin-bottom:.45rem}
.step p{color:var(--mut);font-size:.92rem;line-height:1.5}
@media(max-width:880px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.steps{grid-template-columns:1fr}}

/* cta glass */
.cta-glass{padding:clamp(2.5rem,5vw,4.5rem);text-align:center}
.cta-glass h2{font-family:var(--display);font-weight:900;font-size:var(--t3);letter-spacing:-.02em;margin-bottom:1rem}
.cta-glass h2 em{font-style:italic;font-weight:600;color:var(--accent)}
.cta-glass p{color:var(--mut);max-width:46ch;margin:0 auto 2rem;font-size:var(--t1)}
.cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}

/* ============================================================
   SUBPAGE COMPONENTS
   ============================================================ */
/* full packages grid (12) */
.pk-full{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(.8rem, 1.4vw, 1.2rem)}
.bcard{grid-column:span 3;min-height:210px;padding:clamp(1.3rem, 2vw, 1.8rem);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .5s cubic-bezier(.19,1,.22,1)}
.bcard:hover{transform:translateY(-5px)}
.bcard .b-strip{height:4px;border-radius:4px;background:var(--ac,var(--accent));width:42px;margin-bottom:1rem}
.bcard .b-num{font-family:var(--mono);font-size:.74rem;color:var(--faint);letter-spacing:.1em;margin-bottom:.5rem}
.bcard h3{font-family:var(--display);font-weight:900;font-size:var(--t1);line-height:1;letter-spacing:-.01em;margin-bottom:.4rem}
.bcard .b-it{font-family:var(--mono);font-size:.8rem;color:var(--mut);margin-bottom:auto}
.bcard .b-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.3rem}
.bcard .b-price{font-family:var(--display);font-weight:900;font-size:var(--t1);font-variant-numeric:tabular-nums}
.bcard .b-price s{font-size:.55em;font-family:var(--sans);font-weight:600;color:var(--mut);text-decoration:none;margin-left:.12em}
.bcard .b-go{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s}
.bcard:hover .b-go{background:var(--ac,var(--accent));border-color:var(--ac,var(--accent));color:#fff;transform:rotate(-45deg)}
.bcard .b-go svg{width:14px;height:14px}
.bcard.wide{grid-column:span 6}
.bcard .b-tag{align-self:flex-start;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;background:var(--accent);color:#fff;padding:.2rem .5rem;border-radius:4px;margin-bottom:.6rem}
@media(max-width:1000px){.bcard,.bcard.wide{grid-column:span 6}}
@media(max-width:560px){.bcard,.bcard.wide{grid-column:span 12}}

/* extras */
.exg{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem, 1.8vw, 1.4rem)}
.ex{padding:clamp(1.4rem, 2.2vw, 1.9rem);display:flex;flex-direction:column}
.ex .ico{width:36px;height:36px;color:var(--accent);margin-bottom:1.1rem}
.ex .ico svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5}
.ex h4{font-family:var(--display);font-weight:900;font-size:var(--t1);letter-spacing:-.01em;margin-bottom:.45rem}
.ex p{color:var(--mut);font-size:.92rem;line-height:1.5;flex:1}
.ex .pr{font-family:var(--mono);font-size:.84rem;color:var(--ink);font-weight:500;margin-top:1.1rem}
.ex .pr.free{color:var(--accent)}
@media(max-width:880px){.exg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.exg{grid-template-columns:1fr}}

/* gallery (frosted frames around neutral porcelain shards) */
.galg{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(170px,auto);gap:clamp(.8rem, 1.4vw, 1.1rem)}
.gframe{position:relative;overflow:hidden;border-radius:var(--r);padding:8px}
.gframe img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r) - 8px);filter:saturate(.85) brightness(1.05)}
.gframe .cap{position:absolute;left:1.3rem;bottom:1.2rem;z-index:3;font-family:var(--mono);font-size:.74rem;color:#fff;text-shadow:0 1px 14px rgba(20,20,40,.8)}
.gframe.a{grid-column:span 7;grid-row:span 2}
.gframe.b{grid-column:span 5;grid-row:span 2}
.gframe.c{grid-column:span 4}
.gframe.d{grid-column:span 4}
.gframe.e{grid-column:span 4}
@media(max-width:820px){.gframe.a,.gframe.b,.gframe.c,.gframe.d,.gframe.e{grid-column:span 12;grid-row:auto;aspect-ratio:16/10}}

/* faq accordion */
.faq{max-width:880px;margin:0 auto}
.faq-item{border-radius:16px;margin-bottom:.7rem;padding:0 clamp(1.2rem,2vw,1.8rem)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:1.3rem 0;font-family:var(--display);font-weight:600;font-size:var(--t1);color:var(--ink)}
.faq-q .ic{flex:none;width:24px;height:24px;position:relative}
.faq-q .ic::before,.faq-q .ic::after{content:"";position:absolute;top:50%;left:50%;width:13px;height:2px;background:var(--accent);transform:translate(-50%,-50%);transition:transform .3s}
.faq-q .ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item.open .faq-q .ic::after{transform:translate(-50%,-50%) rotate(0)}
.faq-a{display:none}
.faq-a p{color:var(--mut);line-height:1.6}
.faq-item.open .faq-a{display:block;padding-bottom:1.3rem;animation:faqIn .35s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* contacts */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}
.contact-info{padding:clamp(1.8rem,3vw,2.6rem);display:flex;flex-direction:column;gap:1.5rem}
.ci-row .lb{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:.3rem}
.ci-row .vl{font-family:var(--display);font-weight:600;font-size:var(--t1)}
.ci-row .vl a{text-decoration:none;border-bottom:1px solid var(--accent)}
.bform{padding:clamp(1.8rem,3vw,2.6rem);display:flex;flex-direction:column;gap:1rem}
.bform label{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:.4rem}
.bform input,.bform select,.bform textarea{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.6);font:inherit;color:var(--ink)}
.bform input:focus,.bform select:focus,.bform textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.bform .form-msg{font-size:.9rem;color:var(--accent);min-height:1.2em}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}}

/* prose / about */
.prose{max-width:62ch}
.prose p{font-size:var(--t1);color:var(--mut);line-height:1.7;margin-bottom:1.2rem}
.prose p:first-child{color:var(--ink);font-size:clamp(1.3rem,1rem+1vw,1.7rem)}
.prose strong{color:var(--ink);font-weight:600}
.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.about-side{padding:clamp(1.6rem,2.5vw,2.2rem);display:flex;flex-direction:column;gap:1.2rem}
.about-side .as-row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.about-side .as-row:last-child{border-bottom:none;padding-bottom:0}
.about-side .as-k{color:var(--mut);font-size:.92rem}
.about-side .as-v{font-family:var(--display);font-weight:700;text-align:right}
@media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:2rem}}