/* ============================================================ TOKENS ==== */
:root{
  /* sampled from the cover artwork */
  --navy:#303D52;
  --navy-deep:#2B3A4F;
  --navy-lift:#3A4860;

  --silver:#E2E9F3;
  --silver-dim:rgba(226,233,243,.68);
  --silver-faint:rgba(226,233,243,.42);
  --rule:rgba(255,255,255,.42);

  /* sampled from the Homer cover: cream stock, sage-green ink */
  --paper:#F7F4EE;
  --ink-green:#4A5244;
  --ink-green-deep:#3C4437;

  /* sampled from the orb artwork */
  --blue-bright:#0EA1F1;
  --blue-mid:#123899;
  --blue-core:#100E57;

  --f:"Cormorant Garamond", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  --shell:1180px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; background:var(--navy); color:var(--silver);
  font-family:var(--f); font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a{ color:inherit; text-decoration:none; }
h1,h2,h3,p{ margin:0; }
img{ max-width:100%; display:block; }

/* the cover stock has a tooth to it; this is that, very quietly */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* width:100% matters. These are flex items inside .cover, and an auto inline
   margin makes a flex item shrink to its content, which collapsed the rules
   to zero and squeezed the stage. */
.shell{ width:100%; max-width:var(--shell); margin-inline:auto; padding:0 clamp(20px,4.4vw,56px); position:relative; z-index:1; }

/* ============================================================== COVER === */
.cover{
  position:relative; min-height:100svh;
  display:flex; flex-direction:column;
  padding-block:clamp(22px,3vw,38px) 0;
}
.cover__rule{ height:1px; background:var(--rule); flex:none; }

.cover__stage{
  flex:1; position:relative; display:grid;
  grid-template-columns:1fr 1fr; align-items:center;
  gap:clamp(20px,4vw,60px);
  padding-block:clamp(26px,4vw,52px);
}
.cover__wordmark{
  position:absolute; top:clamp(18px,3.4vw,46px); left:0;
  font-size:clamp(30px,3.1vw,44px); font-weight:500;
  letter-spacing:.34em; text-transform:uppercase; color:var(--silver);
  white-space:nowrap;
}
.cover__horse{
  grid-column:1; justify-self:center; align-self:center;
  width:auto; height:clamp(230px,31vw,420px);
  object-fit:contain;
  filter:drop-shadow(0 14px 42px rgba(0,0,0,.34));
}
.cover__tag{
  grid-column:2; align-self:center; justify-self:start;
  font-style:italic; font-weight:400;
  font-size:clamp(19px,2.05vw,30px); line-height:1.34;
  color:var(--silver); max-width:none;
}
/* The standfirst is the long line here, not the italic above it, so the tag
   carries no ch cap on the wide layout and the sub holds one line. */
.cover__tag__sub{
  display:block; margin-top:.62em; white-space:nowrap;
  font-style:normal; font-size:.5em; line-height:1.45;
  letter-spacing:.2em; text-transform:uppercase; color:var(--silver-dim);
}

/* the fog bank sitting on the fold */
.cover__mist{
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:0; width:100vw; height:clamp(150px,22vh,260px);
  pointer-events:none; z-index:0;
  background:
    radial-gradient(60% 88% at 72% 112%, rgba(255,255,255,.60) 0%, rgba(255,255,255,0) 68%),
    radial-gradient(52% 80% at 30% 118%, rgba(255,255,255,.44) 0%, rgba(255,255,255,0) 70%),
    radial-gradient(90% 70% at 50% 128%, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 72%);
  filter:blur(6px);
}
.cover__foot{ position:relative; z-index:1; padding-bottom:clamp(20px,3vw,34px); }
.cover__scroll{
  display:block; margin-top:14px; text-align:center;
  font-size:13px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--silver-faint); transition:color .3s ease;
}
.cover__scroll:hover{ color:var(--silver); }

/* =============================================================== TALE === */
/* .essay p is (0,1,1), so anything meant to beat it needs two classes.
   .creed__l and .tale__sign are scoped for exactly that reason. */
.essay{ padding:clamp(72px,11vw,150px) 0 clamp(50px,7vw,90px); }
.tale{ max-width:min(660px,94%); margin-inline:auto; }
.essay p{
  font-size:clamp(18px,1.42vw,22px); line-height:1.72;
  color:var(--silver-dim); text-wrap:pretty;
}
.essay p + p{ margin-top:1.15em; }

/* the myth, set a shade brighter than the argument that follows it */
.essay .tale__open{ font-size:clamp(19px,1.5vw,23px); color:var(--silver); }
.tale__cap{
  float:left; font-family:inherit; font-weight:500;
  font-size:4.15em; line-height:.76; margin:.03em .07em -.04em 0;
  color:var(--silver);
}

/* the turn. Two lines, ruled top and bottom, the second one carrying it. */
.creed{
  margin:clamp(48px,6.6vw,88px) auto; padding-block:clamp(30px,4.2vw,54px);
  max-width:min(660px,94%); text-align:center;
  border-block:1px solid rgba(226,233,243,.17);
}
.essay .creed__l{
  font-size:clamp(23px,2.55vw,36px); line-height:1.28;
  color:var(--silver-dim); text-wrap:balance;
}
.essay .creed__l--turn{
  margin-top:.66em; font-style:italic; color:var(--silver);
}

.essay .tale__sign{
  margin-top:clamp(30px,3.6vw,48px); font-style:italic; line-height:1.42;
  font-size:clamp(20px,1.68vw,27px); color:var(--silver);
}

/* =========================================================== SPOTIFY === */
/* Last thing on the page, and wordless on purpose. */
.spot{ padding:clamp(20px,3vw,40px) 0 clamp(64px,9vw,112px); text-align:center; }
.spot__link{
  display:inline-block; line-height:0; border-radius:50%;
  color:var(--silver-faint); transition:color .32s ease, transform .32s ease;
}
.spot__link:hover{ color:#1DB954; transform:translateY(-2px); }
.spot__link:focus-visible{ outline:2px solid var(--silver); outline-offset:6px; }
.spot__mark{ width:clamp(38px,4vw,52px); height:auto; display:block; }

/* =========================================================== THE BELT === */
.belt{ padding:clamp(34px,6vw,80px) 0 clamp(80px,11vw,150px); }
.belt__head{
  text-align:center; margin-bottom:clamp(44px,6vw,86px);
}
.belt__label{
  font-size:12.5px; letter-spacing:.3em; text-transform:uppercase;
  color:var(--silver-faint);
}
.belt__line{
  width:1px; height:clamp(46px,7vw,84px); margin:20px auto 0;
  background:linear-gradient(var(--rule), rgba(255,255,255,0));
}

.belt__track{
  display:flex; flex-direction:column; align-items:center;
  gap:0;
}

.story{ display:block; position:relative; z-index:1; }

/* The vine. One segment sits in each gap and is mirrored on alternate gaps,
   so the stem leaves a book at centre-bottom and meets the next at
   centre-top: read together it is a single climbing plant. */
.vine{
  width:clamp(186px,23vw,248px);
  aspect-ratio:240/220;        /* must match the symbol's viewBox or the stem
                                  gets letterboxed and stops short of the books */
  margin-block:-2px;           /* kill the subpixel seam at each end */
  position:relative; z-index:0;
  pointer-events:none;
}
.vine svg{ width:100%; height:100%; display:block; overflow:visible; }
.vine--flip{ transform:scaleX(-1); }
.vine--tail{
  transform:scaleX(-1);
  -webkit-mask-image:linear-gradient(#000 0%, #000 34%, transparent 88%);
          mask-image:linear-gradient(#000 0%, #000 34%, transparent 88%);
}

/* the book. No card behind it: the object sits straight on the navy. */
.book{
  container-type:inline-size;
  position:relative;
  width:clamp(238px,29vw,318px);
  aspect-ratio:1/1.388;          /* matches frame.png exactly, so the knotwork
                                    border never stretches */
  background:
    url("images/frame.png") center/100% 100% no-repeat,
    linear-gradient(112deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 36%),
    linear-gradient(90deg, rgba(40,44,34,.13) 0%, rgba(40,44,34,.04) 2.2%, rgba(255,255,255,0) 6%),
    linear-gradient(168deg, #FBF9F4 0%, var(--paper) 54%, #EDE9E0 100%);
  box-shadow:
    0 1px 1px rgba(6,11,20,.30),
    2px 3px 4px rgba(6,11,20,.22),
    5px 9px 14px rgba(6,11,20,.22),
    11px 20px 32px rgba(6,11,20,.24),
    20px 38px 62px rgba(6,11,20,.24),
    34px 66px 104px rgba(6,11,20,.20),
    52px 100px 160px rgba(6,11,20,.14);
  transition:transform .55s cubic-bezier(.2,.7,.3,1), box-shadow .55s cubic-bezier(.2,.7,.3,1);
}
/* laid stock, so the cream is not a flat fill */
.book::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23g)'/%3E%3C/svg%3E");
}
/* the cut edge of the text block, stacked down the fore-edge */
.book__pages{
  position:absolute; top:.9%; right:-1.6%; bottom:.9%; width:2.4%;
  border-radius:0 2px 2px 0;
  background:
    repeating-linear-gradient(180deg, rgba(110,110,116,.26) 0 1px, rgba(255,255,255,0) 1px 3px),
    linear-gradient(90deg, #D9D6D7 0%, #CBC8C9 60%, #BEBBBC 100%);
}
.story:hover .book{
  transform:translateY(-12px) rotate(-.35deg);
  box-shadow:
    0 1px 1px rgba(6,11,20,.30),
    3px 5px 7px rgba(6,11,20,.22),
    8px 14px 22px rgba(6,11,20,.24),
    17px 30px 48px rgba(6,11,20,.26),
    30px 56px 92px rgba(6,11,20,.26),
    50px 96px 150px rgba(6,11,20,.22),
    74px 142px 220px rgba(6,11,20,.16);
}
.story:focus-visible .book{ outline:2px solid var(--silver); outline-offset:7px; }

/* Printed matter, positioned as percentages of cover height taken off the
   Homer cover: title 19, author 38, helmet 46-61, imprint 78. */
.book__face{ position:absolute; inset:0; z-index:1; color:var(--ink-green-deep); }
.book__face > *{ position:absolute; left:15%; right:15%; text-align:center; }
.book__title{
  top:19%;
  font-size:7.1cqw; font-weight:500; line-height:1.34;
  letter-spacing:.055em; text-indent:.055em;
}
.book__author{
  /* anchored from its foot, not its head: long company names run to two lines
     and must grow upward into the gap rather than down into the helmet */
  bottom:57%;
  font-size:4.1cqw; font-weight:500; line-height:1.36;
  letter-spacing:.145em; text-transform:uppercase; text-indent:.145em;
  color:var(--ink-green);
}
.book__helmet{
  top:45%; left:0; right:0;
  display:flex; justify-content:center;
}
.book__helmet img{ width:25.5cqw; height:auto; }
.book__sector{
  top:70.5%;
  font-size:3cqw; font-style:italic; letter-spacing:.03em;
  color:rgba(74,82,68,.78);
}
.book__press{
  top:78%;
  font-size:3.35cqw; font-weight:500; letter-spacing:.02em;
  color:var(--ink-green);
}

/* ============================================================= FOOTER === */
.foot{ border-top:1px solid rgba(255,255,255,.14); padding:clamp(30px,4vw,46px) 0 clamp(34px,4vw,50px); }
.foot__in{ display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;
  font-size:13.5px; letter-spacing:.08em; color:var(--silver-faint); }

/* ========================================================= RESPONSIVE === */
@media (max-width:820px){
  .cover__stage{ grid-template-columns:1fr; justify-items:center;
    padding-top:clamp(74px,17vw,120px); gap:clamp(18px,4vw,34px); }
  /* The wordmark was absolutely positioned when this rule was written and is
     static now, so the old centring transform dragged the full-width block
     half a shell off the left edge. Centre it with text-align instead. */
  .cover__wordmark{ transform:none; text-align:center; letter-spacing:.26em; }
  .cover__horse{ grid-column:1; height:clamp(200px,44vw,320px); }
  .cover__tag{ grid-column:1; justify-self:center; text-align:center; max-width:20ch; }
  .cover__tag__sub{ white-space:normal; letter-spacing:.16em; }
}
@media (max-width:520px){
  .cover__wordmark{ font-size:13px; letter-spacing:.2em; }
  .book{ width:min(72vw,300px); }
}
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *{ transition:none !important; }
}

/* ============================================== THE PICKER, ON THE COVER ==
   Under the wordmark. No chrome of its own: transparent fill, transparent
   border, no shadow. Hover is the only state that renders. */
.cover__top{ position:relative; z-index:2; padding-top:clamp(16px,2.6vw,34px); }
.cover__wordmark{
  position:static; margin:0;
  font-size:clamp(30px,3.1vw,44px); font-weight:500;
  letter-spacing:.34em; text-transform:uppercase; color:var(--silver);
  white-space:nowrap;
}
.cover__picker{ position:relative; z-index:2; padding:0 0 clamp(16px,2.4vw,28px); }

.silos__grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:clamp(14px,2.4vw,34px); max-width:640px; margin-inline:auto;
}
.silo{
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  gap:clamp(4px,.55vw,7px);
  padding:clamp(9px,1.1vw,13px) clamp(6px,.9vw,11px);
  text-align:center; border-radius:8px;
  border:1px solid transparent;        /* reserved, so hover shifts nothing */
  background:transparent;
  transition:background .3s ease, border-color .3s ease;
}
.silo:hover{ background:rgba(226,233,243,.06); border-color:rgba(226,233,243,.18); }
.silo:focus-visible{ outline:2px solid var(--silver); outline-offset:3px; }

.silos__grid--one{
  grid-template-columns:auto; justify-content:center; max-width:none;
}
.silo--solo{
  gap:clamp(5px,.7vw,9px);
  padding:clamp(11px,1.35vw,16px) clamp(20px,2.6vw,34px);
}
.silo--solo .silo__name{ font-size:clamp(15px,1.6vw,21px); letter-spacing:.02em; }
.silo--solo .silo__cap{ width:clamp(17px,1.85vw,24px); }
.silo--solo .silo__word{
  font-size:clamp(11px,1.1vw,13.5px); letter-spacing:.16em; text-transform:uppercase;
  color:var(--silver-faint);
}
.silo--solo:hover .silo__word{ color:var(--silver-dim); }
.silo__name{
  font-size:clamp(13px,1.3vw,17px); font-weight:500; line-height:1.05;
  letter-spacing:.012em; color:var(--silver);
}
.silo__cap{
  width:clamp(15px,1.55vw,20px); height:auto; color:#DCE2EC;
  opacity:.8; transition:opacity .3s ease;
}
.silo:hover .silo__cap{ opacity:1; }
.silo__word{
  font-size:clamp(11px,1.05vw,13px); line-height:1.2; color:var(--silver-dim);
  letter-spacing:.02em;
}

/* ========================================================== SILO HEADER ==== */
.back{
  position:fixed; top:clamp(14px,2.4vw,26px); left:clamp(16px,2.6vw,32px); z-index:3;
  font-size:13.5px; letter-spacing:.05em; color:var(--silver-faint);
  transition:color .25s ease;
}
.back:hover{ color:var(--silver); }

.silohead{ padding:clamp(88px,13vw,170px) 0 0; text-align:center; }
.silohead__kicker{
  font-size:12.5px; letter-spacing:.3em; text-transform:uppercase;
  color:var(--silver-faint);
}
.silohead__name{
  margin-top:clamp(12px,1.6vw,20px);
  font-size:clamp(42px,7vw,86px); font-weight:500; line-height:1;
  letter-spacing:.01em; color:var(--silver);
}
.silohead__blurb{
  margin:clamp(14px,1.9vw,24px) auto 0; max-width:34ch;
  font-size:clamp(16px,1.75vw,21px); line-height:1.5; font-style:italic;
  color:var(--silver-dim);
}
.silohead__line{
  width:1px; height:clamp(44px,6.5vw,80px); margin:clamp(22px,3vw,38px) auto 0;
  background:linear-gradient(var(--rule), rgba(255,255,255,0));
}

@media (max-width:620px){
  /* doubled, the wordmark runs 389px wide inside a 375px shell and clips.
     Scale it to the viewport below this width and tighten the tracking. */
  .cover__wordmark{ font-size:clamp(16px,5.9vw,28px); letter-spacing:.18em; }
}

/* ========================================================== DEFINITION ====
   Ported from the curiosity plate on francisruan.com: the word set large and
   alone, a rule under it, the gloss and the pronunciation sharing the line.
   Set wider than the reading measure on purpose, so it breaks out of the
   prose rather than sitting inside it. */
.defn{
  max-width:880px; margin:clamp(34px,5vw,60px) auto clamp(36px,5.5vw,66px);
}
.defn .defn__w{
  font-family:var(--f); font-weight:600; font-style:normal;
  font-size:clamp(3.2rem,12vw,8.5rem); line-height:.9; letter-spacing:-.035em;
  margin:0; color:var(--silver);
}
.defn .defn__b{
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  gap:1rem clamp(1.5rem,4vw,3rem); align-items:start;
  border-top:1px solid var(--rule); margin-top:.5rem; padding-top:.9rem;
}
.defn .defn__d{
  margin:0; max-width:52ch;
  font-size:clamp(.95rem,1.15vw,1.05rem); line-height:1.55;
  color:var(--silver-dim); text-wrap:pretty;
}
.defn .defn__p{
  margin:0; white-space:nowrap; font-family:var(--f);
  font-size:clamp(.95rem,1.6vw,1.15rem); color:var(--silver);
}
.defn .defn__p em{ font-style:italic; }
@media (max-width:640px){
  .defn .defn__b{ grid-template-columns:1fr; }
  .defn .defn__p{ order:-1; }
}

/* ============================================================= PODCAST ====
   Ruled rows, numbered like the story sheets. No player until there is an
   mp3 to put in it: each row carries a commented slot instead. */
.pod{ padding:clamp(40px,6vw,86px) 0 clamp(70px,10vw,130px); }
.pod__head{ text-align:center; margin-bottom:clamp(30px,4.4vw,56px); }
.pod__label{
  font-size:11.5px; letter-spacing:.3em; text-transform:uppercase;
  color:var(--silver-faint);
}
.pod__title{
  margin-top:clamp(10px,1.4vw,16px);
  font-size:clamp(30px,4.4vw,58px); font-weight:500; line-height:1;
  letter-spacing:-.012em; color:var(--silver);
}
.pod__note{
  margin:clamp(12px,1.6vw,20px) auto 0; max-width:44ch;
  font-size:clamp(14px,1.4vw,17px); line-height:1.5; font-style:italic;
  color:var(--silver-dim);
}
.pod__list{
  list-style:none; margin:0 auto; padding:0;
  max-width:820px; border-top:1px solid rgba(226,233,243,.16);
}
.ep{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  gap:clamp(14px,2.4vw,34px); align-items:baseline;
  padding:clamp(18px,2.6vw,30px) clamp(6px,1vw,14px);
  border-bottom:1px solid rgba(226,233,243,.16);
  transition:background .3s ease;
}
.ep:hover{ background:rgba(226,233,243,.04); }
.ep__no{
  font-size:clamp(11px,1.1vw,13px); letter-spacing:.16em; text-transform:uppercase;
  color:var(--silver-faint); font-variant-numeric:tabular-nums; white-space:nowrap;
}
.ep__title{
  margin:0; font-size:clamp(20px,2.25vw,30px); font-weight:500; line-height:1.14;
  letter-spacing:-.01em; color:var(--silver);
}
.ep__q{
  margin:.5em 0 0; max-width:54ch;
  font-size:clamp(14px,1.34vw,16.5px); line-height:1.55; color:var(--silver-dim);
  text-wrap:pretty;
}
.ep__audio{ margin-top:.9em; width:100%; max-width:420px; }
.ep__status{
  font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--silver-faint); white-space:nowrap;
}
@media (max-width:700px){
  .ep{ grid-template-columns:auto minmax(0,1fr); gap:12px 18px; }
  .ep__status{ grid-column:2; margin-top:.6em; }
}

/* ==================================================== FIRST PRINCIPLES ====
   Not one of the three verticals. These go at the assumption rather than the
   deal, so they sit on their own below the podcast. */
.fp{ padding:0 0 clamp(70px,10vw,130px); }
/* On the stories page it follows the vine rather than another section, so it
   brings its own top edge and air. */
.fp--page{
  padding-top:clamp(52px,7vw,96px);
  border-top:1px solid rgba(226,233,243,.12);
}
.fp__head{ text-align:center; margin-bottom:clamp(26px,3.8vw,46px); }
.fp__label{
  font-size:11.5px; letter-spacing:.3em; text-transform:uppercase;
  color:var(--silver-faint);
}
.fp__title{
  margin-top:clamp(10px,1.4vw,16px);
  font-size:clamp(28px,4vw,52px); font-weight:500; line-height:1;
  letter-spacing:-.012em; color:var(--silver);
}
.fp__note{
  margin:clamp(12px,1.6vw,20px) auto 0; max-width:42ch;
  font-size:clamp(14px,1.4vw,17px); line-height:1.5; font-style:italic;
  color:var(--silver-dim);
}
.fp__list{ list-style:none; margin:0 auto; padding:0; max-width:820px; }
.fp__item{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  gap:clamp(14px,2.4vw,34px); align-items:baseline;
  padding:clamp(20px,2.8vw,32px) clamp(6px,1vw,14px);
  border-top:1px solid rgba(226,233,243,.16);
  border-bottom:1px solid rgba(226,233,243,.16);
  transition:background .3s ease;
}
.fp__item:hover{ background:rgba(226,233,243,.05); }
.fp__item:focus-visible{ outline:2px solid var(--silver); outline-offset:3px; }
.fp__no{
  font-size:clamp(11px,1.1vw,13px); letter-spacing:.16em; text-transform:uppercase;
  color:var(--silver-faint); white-space:nowrap;
}
.fp__body{ display:block; }
.fp__h{
  display:block; font-size:clamp(21px,2.4vw,32px); font-weight:500;
  line-height:1.12; letter-spacing:-.01em; color:var(--silver);
}
.fp__q{
  display:block; margin-top:.5em; max-width:56ch;
  font-size:clamp(14px,1.34vw,16.5px); line-height:1.55; color:var(--silver-dim);
  text-wrap:pretty;
}
.fp__go{
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--silver-faint); white-space:nowrap; transition:color .3s ease;
}
.fp__item:hover .fp__go{ color:var(--silver); }
@media (max-width:700px){
  .fp__item{ grid-template-columns:auto minmax(0,1fr); gap:12px 18px; }
  .fp__go{ grid-column:2; margin-top:.6em; }
}

.pod--page{ padding-top:0; }
.pod--page .pod__list{ border-top:1px solid rgba(226,233,243,.16); }