/* ===========================================================================
   Shared stylesheet for the rebuilt static sites (ANBA + Do Ngak Dzong).
   Themes are switched via body.theme-anba / body.theme-dongak.
   =========================================================================== */
:root{
  --font-head:'Crimson Text', Georgia, serif;
  --font-body:'Open Sans', system-ui, -apple-system, sans-serif;
  --wrap:1120px;
  --radius:6px;
}
/* ---- theme tokens --------------------------------------------------------- */
body.theme-anba{
  --ink:#181818; --muted:#555; --bg:#ffffff; --panel:#faf9f4;
  --accent:#111111; --accent-2:#f5e400; --accent-ink:#111111;
  --hero-ink:#ffffff; --header-bg:#111111; --header-ink:#ffffff;
  --link:#8a7a00; --rule:#ece9dd;
}
body.theme-dongak{
  --ink:#22201b; --muted:#5c574c; --bg:#ffffff; --panel:#f7f3ea;
  --accent:#8a7433; --accent-2:#c79a3a; --accent-ink:#ffffff;
  --hero-ink:#ffffff; --header-bg:#1b1a17; --header-ink:#f3ead2;
  --link:#96702a; --rule:#eae2d0;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; font-family:var(--font-body); color:var(--ink);
  background:var(--bg); line-height:1.7; font-size:17px;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 22px;}
.narrow{max-width:720px;}
img{max-width:100%; height:auto; display:block;}
a{color:var(--link);}

/* ---- header / nav --------------------------------------------------------- */
.site-header{background:var(--header-bg); position:sticky; top:0; z-index:50;
  box-shadow:0 1px 0 rgba(255,255,255,.06);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:64px;}
.brand{color:var(--header-ink); font-family:var(--font-head); font-weight:700;
  font-size:1.35rem; text-decoration:none; letter-spacing:.02em; white-space:nowrap;}
.mainnav>ul{list-style:none; display:flex; gap:2px; margin:0; padding:0; flex-wrap:wrap;}
.mainnav a,.mainnav .navtop{color:var(--header-ink); text-decoration:none; display:block;
  padding:10px 12px; font-size:.82rem; text-transform:uppercase; letter-spacing:.05em;
  cursor:pointer; opacity:.85; border-radius:4px; white-space:nowrap;}
.mainnav a:hover,.mainnav .navtop:hover{opacity:1; background:rgba(255,255,255,.08);}
.mainnav a.active{color:var(--accent-2); opacity:1;}
.has-sub{position:relative;}
.mainnav .submenu{list-style:none; margin:0; position:absolute; left:0; top:100%; min-width:230px; background:var(--header-bg);
  border:1px solid rgba(255,255,255,.12); border-radius:6px; padding:6px;
  display:none; box-shadow:0 12px 30px rgba(0,0,0,.35);}
.mainnav .has-sub:hover>.submenu, .mainnav .has-sub.open>.submenu{display:block;}
.submenu a{text-transform:none; letter-spacing:0; font-size:.9rem; padding:8px 12px;}
/* a menu heading is a button, so the keyboard reaches it; it looks like the links beside it */
.mainnav button.navtop{background:none; border:0; font-family:inherit; font-weight:inherit; line-height:inherit; text-align:left;}
.mainnav a:focus-visible,.mainnav .navtop:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
/* the phone menu's toggle: hidden from sight, never from the keyboard */
.burger{display:none;}
.navtoggle{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none;}
.navtoggle:focus-visible + .burger{outline:2px solid var(--accent); outline-offset:2px;}
@media (min-width:861px){ .navtoggle{display:none;} }

/* ---- hero ----------------------------------------------------------------- */
.hero{position:relative; color:var(--hero-ink); text-align:center;
  background:var(--accent); background-size:cover; background-position:center;}
.hero::before{content:""; position:absolute; inset:0; background:rgba(0,0,0,.42);}
.hero .wrap{position:relative;}
/* a banner's own lines span its width, so a centred line sits on the page's centre */
.hero p{max-width:none;}
.hero-home{min-height:62vh; display:flex; align-items:center; justify-content:center;}
.hero-home .eyebrow{text-transform:uppercase; letter-spacing:.25em; font-size:.8rem;
  margin:0 0 14px; opacity:.9; font-weight:600;}
.hero-home h1{font-family:var(--font-head); font-weight:700; font-size:clamp(2.4rem,6vw,4.4rem);
  margin:0; line-height:1.05; text-shadow:0 2px 24px rgba(0,0,0,.5); text-wrap:balance;}
.hero-page{padding:64px 0;}
.hero-page h1{font-family:var(--font-head); font-weight:700; font-size:clamp(2rem,4.5vw,3.1rem);
  margin:0; text-shadow:0 2px 18px rgba(0,0,0,.5); text-wrap:balance;}

/* ---- content sections ----------------------------------------------------- */
.section{padding:52px 0;}
.section:nth-of-type(even){background:var(--panel);}
.section .wrap > *:first-child{margin-top:0;}
h2{font-family:var(--font-head); font-weight:700; font-size:clamp(1.7rem,3vw,2.3rem);
  line-height:1.15; margin:0 0 .55em; color:var(--ink);}
h2::after{content:""; display:block; width:56px; height:3px; background:var(--accent-2);
  margin-top:.4em; border-radius:2px;}
h3{font-family:var(--font-head); font-weight:600; font-size:1.35rem; margin:1.6em 0 .5em;}
p{margin:0 0 1.1em; max-width:70ch;}
blockquote{margin:1.4em 0; padding:.4em 0 .4em 1.3em; border-left:4px solid var(--accent-2);
  font-family:var(--font-head); font-size:1.28rem; font-style:italic; color:#333; max-width:64ch;}
figure{margin:1.8em 0;}
figure img{border-radius:var(--radius); box-shadow:0 8px 30px rgba(0,0,0,.12); margin:0 auto;}
/* a picture in the page's flow never stands taller than a screen: its height is capped, its proportions kept */
figure:not(.teaser-slide) > img{max-height:540px; width:auto;}
.embed{position:relative; width:100%; max-width:760px; aspect-ratio:16/9; margin:1.8em 0;}
.embed iframe{position:absolute; inset:0; width:100%; height:100%; border:0;
  border-radius:var(--radius); box-shadow:0 8px 30px rgba(0,0,0,.14);}
hr{border:0; border-top:1px solid var(--rule); margin:2.4em 0;}

/* ---- buttons -------------------------------------------------------------- */
.btn{display:inline-block; background:var(--accent-2); color:var(--accent-ink);
  font-weight:700; text-decoration:none; padding:13px 26px; border-radius:var(--radius);
  text-transform:uppercase; letter-spacing:.06em; font-size:.85rem; border:0; cursor:pointer;
  transition:transform .12s ease, filter .12s ease;}
.btn:hover{filter:brightness(1.06); transform:translateY(-1px);}

/* ---- forms ---------------------------------------------------------------- */
.form-section{padding:52px 0;}
.form-note{background:#fff7cc; border:1px solid #e9d977; color:#5b5320;
  padding:12px 16px; border-radius:6px; font-size:.9rem; max-width:640px;}
body.theme-dongak .form-note{background:#f3ead2; border-color:#d9c48a; color:#5c4c26;}
.contact-form{display:grid; gap:16px; max-width:560px; margin-top:22px;}
.contact-form label{display:grid; gap:6px; font-weight:600; font-size:.9rem; color:var(--muted);}
.contact-form input,.contact-form textarea{font:inherit; padding:11px 13px;
  border:1px solid #ccc; border-radius:6px; width:100%; background:#fff;}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent-2); border-color:transparent;}
.contact-form .btn{justify-self:start;}
.contact-form .hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
code{background:#00000010; padding:1px 6px; border-radius:4px; font-size:.85em;}

/* ---- footer --------------------------------------------------------------- */
.site-footer{background:var(--header-bg); color:var(--header-ink); padding:40px 0; margin-top:0;}
.site-footer .fbrand{font-family:var(--font-head); font-size:1.2rem; font-weight:700; margin:0 0 10px;}
.footnav{margin:0 0 12px; font-size:.9rem;}
.footnav a{color:var(--accent-2); text-decoration:none;}
.footnav a:hover{text-decoration:underline;}
.site-footer .copy{opacity:.6; font-size:.82rem; margin:0;}
.footer-touch{display:grid; gap:8px; max-width:560px; margin:0 0 18px;}
.footer-touch label{font-size:.9rem;}
.footer-touch-row{display:flex; flex-wrap:wrap; gap:8px;}
.footer-touch input[type=email]{flex:1 1 220px; min-width:0; font:inherit; padding:10px 12px; border:1px solid #8a7433; border-radius:6px; background:#fffdf7; color:#1b1a17;}
.footer-touch input[type=email]:focus{outline:2px solid #c79a3a; border-color:transparent;}
.footer-touch .btn{margin:0;}
.footer-touch .hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}


/* ---- link cards ------------------------------------------------------------ */
.cardgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:26px; margin:2em 0;}
.cardgrid a.card{display:block; text-decoration:none; color:inherit; border-radius:var(--radius);
  overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.12); background:#fff; transition:transform .18s ease, box-shadow .18s ease;}
.cardgrid a.card:hover{transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,0,0,.20);}
.cardgrid a.card img{width:100%; aspect-ratio:4/3; object-fit:cover; display:block; margin:0; border-radius:0; box-shadow:none;}
.cardgrid a.card h3{margin:0; padding:16px 18px; font-size:1rem; letter-spacing:.04em; text-transform:uppercase;}
body.theme-dongak .cardgrid a.card{background:#faf7ef;}


/* ---- external video link (embed disabled by owner) ------------------------- */
.videolink{position:relative; display:block; max-width:760px; margin:1.8em 0; text-decoration:none; color:inherit;
  border-radius:var(--radius); overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.18); background:#000;}
.videolink img{width:100%; display:block; margin:0; border-radius:0; box-shadow:none; opacity:.82; transition:opacity .2s ease;}
.videolink:hover img{opacity:1;}
.vl-play{position:absolute; top:38%; left:50%; transform:translate(-50%,-50%);
  width:74px; height:74px; border-radius:50%; background:rgba(0,0,0,.62); color:#fff; font-size:28px;
  display:flex; align-items:center; justify-content:center; padding-left:5px; border:2px solid rgba(255,255,255,.85);}
.videolink:hover .vl-play{background:var(--accent-2); color:#111;}
.vl-cap{display:block; padding:14px 18px; background:var(--header-bg); color:var(--header-ink); font-size:.9rem;}


.connectrow{display:flex; flex-wrap:wrap; gap:12px; align-items:center;}
.connectrow .btn{margin:0;}
.btn-alt{background:transparent; border:2px solid var(--accent-2); color:var(--accent-2);}
.btn-alt:hover{background:var(--accent-2); color:#111;}

/* ---- Do Ngak Dzong: the center's own look (DESIGN.md §1) -------------------
   The site as the center has always looked: a dark header with the emblem beside the name, gold for what guides,
   white pages with warm panels, dark photo banners, a dark footer. Gold buttons carry dark text so they read.
   Every rule below is scoped to body.theme-dongak, except the header menus' keyboard rules beside them. */
body.theme-dongak{
  --ink:#22201b; --muted:#5c574c; --bg:#ffffff; --panel:#f7f3ea;
  --accent:#8a7433; --accent-2:#c79a3a; --gold-text:#7a5f1c; --accent-ink:#1b1a17;
  --hero-ink:#ffffff; --header-bg:#1b1a17; --header-ink:#f3ead2;
  --link:#96702a; --rule:#eae2d0; --footer-bg:#1b1a17; --footer-ink:#f3ead2;
}
body.theme-dongak .brand{display:flex; align-items:center; gap:12px; color:var(--header-ink);}
body.theme-dongak .brand-logo{width:44px; height:44px; flex:none;}
body.theme-dongak .brand-text{display:flex; flex-direction:column; line-height:1.05;}
body.theme-dongak .brand-sub{font-family:var(--font-body); font-weight:600; font-size:.62rem; letter-spacing:.22em;
  text-transform:uppercase; color:var(--accent-2); margin-top:4px;}
/* the header holds the emblem, the name and ten menu items on one line on a wide screen */
@media (min-width:861px){ body.theme-dongak .mainnav a, body.theme-dongak .mainnav .navtop{padding:10px 8px; font-size:.76rem; letter-spacing:.04em;} }
@media (min-width:1000px){ body.theme-dongak .mainnav>ul{flex-wrap:nowrap;} }
body.theme-dongak .mainnav a.nav-give{background:var(--accent-2); color:#1b1a17; opacity:1; margin-left:6px; padding:9px 18px;
  border-radius:999px; font-weight:700;}
body.theme-dongak .mainnav a.nav-give:hover{background:#d8ad4f;}
body.theme-dongak .hero-page h1::after{content:""; display:block; width:64px; height:2px; background:var(--accent-2);
  margin:18px auto 0;}
body.theme-dongak .section:nth-of-type(even){background:var(--panel);}
body.theme-dongak h2{color:var(--accent);}
body.theme-dongak .btn{color:#1b1a17;}
body.theme-dongak .btn-alt{background:transparent; color:var(--accent); border:2px solid var(--accent-2);}
body.theme-dongak .btn-alt:hover{background:var(--accent-2); color:#1b1a17;}
body.theme-dongak .site-footer{background:var(--footer-bg); color:var(--footer-ink);}
body.theme-dongak .footnav a{color:#e3c47e;}
body.theme-dongak .cardgrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
body.theme-dongak .cardgrid a.card{background:#fff; border:1px solid var(--rule); box-shadow:0 6px 22px rgba(27,26,23,.08);}
body.theme-dongak .cardgrid a.card img{object-position:50% 22%;}
body.theme-dongak .cardgrid a.card h3{text-transform:none; letter-spacing:0; font-size:1.15rem; color:var(--accent);}
body.theme-dongak .cardgrid a.card p{padding:0 18px 18px; margin:0; font-size:.95rem; color:var(--muted);}
body.theme-dongak blockquote{border-left-color:var(--accent-2); color:#4a3f37;}
body.theme-dongak .contact-form input, body.theme-dongak .contact-form textarea,
body.theme-dongak .contact-form select{font:inherit; padding:11px 13px; border:1px solid #d6c9b2; border-radius:6px;
  width:100%; background:#fff;}
/* the home page's opening: Rinpoche, who he is, and the three doors */
.dnz-intro{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:28px 44px; align-items:start; padding-top:8px; padding-bottom:8px;}
.dnz-intro figure{margin:8px 0 0;}
.dnz-intro img{border-radius:10px; box-shadow:0 18px 44px rgba(58,46,40,.18);}
.dnz-intro .eyebrow{font-size:.75rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold-text); font-weight:700; margin:0 0 10px;}
.dnz-intro .dnz-name{font-family:var(--font-head); color:var(--accent); font-weight:600; font-size:clamp(2.1rem,4.2vw,3.2rem);
  line-height:1.08; margin:0 0 16px;}
.dnz-intro .dnz-name::after{display:none;}
.dnz-intro .lede{font-size:1.12rem; color:#4a3f37;}
.doors{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:6px 0 0;}
.dnz-intro .doors{grid-column:1 / -1;}
.door{display:block; text-decoration:none; color:inherit; background:#fff; border:1px solid var(--rule); border-radius:10px;
  padding:20px 20px 18px; transition:border-color .15s ease, transform .15s ease;}
.door:hover{border-color:var(--accent-2); transform:translateY(-2px);}
.door strong{display:block; font-family:var(--font-head); font-size:1.4rem; color:var(--accent); margin-bottom:6px;}
.door strong::after{content:" →"; color:var(--accent-2);}
.door span{font-size:.92rem; color:var(--muted);}
/* the home page's About section, with the center's emblem beside it */
.dnz-about{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:44px; align-items:center;}
.dnz-emblem{margin:0;}
.dnz-emblem img{max-width:300px; width:100%; box-shadow:none; border-radius:0;}
/* a timeline of Rinpoche's life */
.timeline{list-style:none; margin:24px 0; padding:0; border-left:2px solid var(--rule);}
.timeline li{position:relative; padding:0 0 18px 26px; max-width:70ch;}
.timeline li::before{content:""; position:absolute; left:-7px; top:9px; width:12px; height:12px; border-radius:50%;
  background:var(--accent-2);}
.timeline b{font-family:var(--font-head); color:var(--accent); font-size:1.12rem; margin-right:8px;}
/* a list of texts, each with what it is and its download */
.texts{display:grid; gap:16px; margin:22px 0;}
.text-item{background:#fff; border:1px solid var(--rule); border-radius:10px; padding:18px 20px;}
.text-item h3{margin:0 0 6px; color:var(--accent);}
.text-item p{margin:0 0 10px; color:#4a3f37;}
.text-item .meta{font-size:.85rem; color:var(--muted); margin:0 0 10px;}
.offer-list{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin:22px 0;}
.offer-list .offer{background:#fff; border:1px solid var(--rule); border-radius:10px; padding:18px 20px;}
.offer-list .offer h3{margin:0 0 6px; color:var(--accent);}
.offer-list .offer p{margin:0; font-size:.95rem;}
.note{font-size:.92rem; color:var(--muted);}
@media (max-width:860px){
  .dnz-intro{grid-template-columns:1fr; gap:26px; padding-top:34px; padding-bottom:34px;}
  .doors{grid-template-columns:1fr;}
  .dnz-about{grid-template-columns:1fr; gap:10px;}
  .dnz-emblem img{max-width:200px;}
  body.theme-dongak .mainnav a.nav-give{display:inline-block; margin:8px 12px;}
}

/* ---- responsive ----------------------------------------------------------- */
@media (max-width:860px){
  .burger{display:flex; flex-direction:column; gap:5px; cursor:pointer; padding:8px;}
  .burger span{width:26px; height:2px; background:var(--header-ink); display:block;}
  .mainnav{position:absolute; top:64px; left:0; right:0; background:var(--header-bg);
    max-height:0; overflow:hidden; transition:max-height .3s ease;}
  .navtoggle:checked ~ .mainnav{max-height:80vh; overflow:auto; border-top:1px solid rgba(255,255,255,.1);}
  .mainnav>ul{flex-direction:column; padding:8px;}
  .mainnav .submenu{position:static; display:block; border:0; box-shadow:none; padding-left:14px; background:transparent;}
  .has-sub .navtop{opacity:.65;}
}

/* ---- illustrations, videos and the film's teaser (DESIGN.md §1) --------------
   An illustration sits under a page's opening heading, centred; a video shows its picture
   until it is played, so YouTube loads only on a click; the teaser plays the film's opening scene by scene. */
.art{margin:0 0 1.2em; max-width:100%;}
.art img{box-shadow:0 10px 30px rgba(58,46,40,.18); border-radius:8px;}
.art figcaption{font-size:.8rem; color:var(--muted); margin-top:8px; text-align:center;}
.art-center{max-width:380px; margin:0 auto 1.6em;}
.art-wide{margin:0 0 1.6em;}
.yt-lite{position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; cursor:pointer; background:#1d1512;
  border-radius:var(--radius); overflow:hidden;}
.yt-lite img{width:100%; height:100%; object-fit:cover; opacity:.92; box-shadow:none; border-radius:0;}
.yt-lite .yt-play{position:absolute; left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px; border-radius:50%;
  background:rgba(122,31,31,.92); display:flex; align-items:center; justify-content:center; transition:transform .2s ease;}
.yt-lite .yt-play::before{content:""; border-style:solid; border-width:11px 0 11px 18px; border-color:transparent transparent transparent #fff;
  margin-left:4px;}
.yt-lite:hover .yt-play,.yt-lite:focus-visible .yt-play{transform:scale(1.08);}
.yt-lite:focus-visible{outline:3px solid var(--accent-2); outline-offset:3px;}
.teaser{max-width:900px; margin:1.6em 0;}
.teaser-slide{margin:0 0 1.6em;}
.teaser-slide img{border-radius:8px; box-shadow:0 10px 30px rgba(58,46,40,.18);}
.teaser-slide figcaption{margin-top:12px; font-family:var(--font-head); font-size:1.15rem; line-height:1.55; color:var(--ink);}
.teaser-who{display:block; font-family:var(--font-body); font-size:.72rem; letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold-text); margin-bottom:4px; font-weight:700;}
.teaser-card{background:#1d1512; color:#f3e9d6; border-radius:8px; padding:48px 32px; text-align:center;
  font-family:var(--font-head); font-size:1.2rem; line-height:1.7;}
.teaser-card .teaser-title{font-size:2rem; color:#e3c47e; margin:0 0 10px;}
.teaser-card .teaser-credit{font-family:var(--font-body); font-size:.85rem; color:#cbbd9f; margin-top:18px;}
.teaser-ctl{display:none;}
/* with the script running, the slides stack in one frame and play in turn */
.teaser.is-live .teaser-stage{position:relative; aspect-ratio:3/2; background:#1d1512; border-radius:8px; overflow:hidden;}
.teaser.is-live .teaser-slide{position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity 1.2s ease;}
.teaser.is-live .teaser-slide.is-on{opacity:1; visibility:visible;}
.teaser.is-live .teaser-slide img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:0; box-shadow:none;}
.teaser.is-live .teaser-slide.is-on img{animation:teaser-drift 14s ease-in-out both;}
.teaser.is-live .teaser-slide figcaption{position:absolute; left:0; right:0; bottom:0; margin:0; padding:48px 28px 22px;
  color:#f6efe2; font-size:clamp(.95rem,2.1vw,1.25rem); background:linear-gradient(to top, rgba(20,14,12,.9), rgba(20,14,12,.55) 65%, transparent);}
.teaser.is-live .teaser-who{color:#e3c47e;}
.teaser.is-live .teaser-card{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; border-radius:0;}
.teaser.is-live .teaser-ctl{display:flex; gap:10px; align-items:center; margin-top:12px;}
.teaser-ctl button{font:inherit; font-size:.9rem; background:var(--accent); color:#fff; border:0; border-radius:999px; padding:9px 18px; cursor:pointer;}
.teaser-ctl button.alt{background:transparent; color:var(--accent); border:2px solid var(--accent); padding:7px 16px;}
.teaser-ctl button:focus-visible{outline:2px solid var(--accent-2); outline-offset:2px;}
.teaser-count{font-size:.85rem; color:var(--muted); margin-left:auto;}
@keyframes teaser-drift{from{transform:scale(1);} to{transform:scale(1.08) translate(-1%,-1%);}}
@media (prefers-reduced-motion:reduce){ .teaser.is-live .teaser-slide.is-on img{animation:none;} .teaser.is-live .teaser-slide{transition:none;} }
@media (max-width:860px){
  .teaser.is-live .teaser-stage{aspect-ratio:auto; min-height:0;}
  .teaser.is-live .teaser-slide{position:relative; display:none;}
  .teaser.is-live .teaser-slide.is-on{display:block;}
  .teaser.is-live .teaser-slide img{position:static; height:auto; aspect-ratio:3/2;}
  .teaser.is-live .teaser-slide figcaption{position:static; background:#1d1512; padding:14px 16px 18px;}
  .teaser.is-live .teaser-card{position:static; min-height:260px;}
}