.uta-hero{padding:78px 0 68px;background:radial-gradient(circle at 10% 20%,rgba(178,71,47,.08),transparent 30%),radial-gradient(circle at 88% 15%,rgba(112,132,95,.11),transparent 31%),linear-gradient(180deg,#fffaf2,#fbf7ef);border-bottom:1px solid rgba(231,221,208,.7)}
.uta-hero-inner{display:flex;justify-content:space-between;align-items:center;gap:36px}.uta-hero h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(42px,7vw,76px);line-height:1.1;margin:8px 0 18px}.uta-hero p{max-width:690px;color:var(--muted);font-size:18px}.uta-seal{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#8f6445;color:white;font-family:Georgia,"Yu Mincho",serif;font-size:52px;box-shadow:0 14px 32px rgba(74,54,38,.13)}
.uta-intro{padding-bottom:44px}.uta-topic{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:32px;border-radius:28px;background:white;border:1px solid var(--line);box-shadow:0 8px 24px rgba(68,51,36,.05)}.uta-topic h2{margin:4px 0 10px}.uta-topic p{margin:0;color:var(--muted)}.uta-topic-badge{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#f0e4d4;color:#7f4e33;font-weight:900}.uta-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.uta-jump a{padding:10px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}
.uta-gallery{padding-top:52px}.uta-genre{margin-top:42px}.uta-genre-head{display:flex;align-items:baseline;gap:18px;margin-bottom:16px}.uta-genre-head>span{font-family:Georgia,"Yu Mincho",serif;font-size:30px;font-weight:800}.uta-genre-head p{margin:0;color:var(--muted);font-size:14px}.uta-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.uta-work{min-height:230px;padding:28px;border-radius:24px;background:#fffdf8;border:1px solid #e7ddd0;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.uta-work:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-35px;bottom:-35px;background:rgba(112,132,95,.07)}.uta-tag{font-size:12px;font-weight:900;color:#8f6445;letter-spacing:.08em}.uta-poem{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:20px;line-height:2.05;margin:20px 0;white-space:normal}.uta-credit{font-size:12px;color:var(--muted)}
.uta-about{background:#fffdf8;border-top:1px solid rgba(231,221,208,.7);border-bottom:1px solid rgba(231,221,208,.7)}.uta-about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px}.uta-style-list{display:grid;gap:12px}.uta-style-list article{padding:20px 22px;border-radius:18px;background:#fbf7ef;border:1px solid var(--line)}.uta-style-list strong{font-size:19px}.uta-style-list p{margin:5px 0 0;color:var(--muted)}
.uta-coming-card{padding:38px;border-radius:30px;background:linear-gradient(145deg,#fff,#f6efe5);border:1px solid #dfd2c1}.uta-coming-card h2{margin:4px 0 12px}.uta-coming-card p{color:var(--muted);max-width:760px}.uta-coming-note{margin-top:20px;padding:16px 18px;border-left:4px solid #8f6445;background:rgba(255,255,255,.62);border-radius:10px;color:#63564a}
@media (max-width:820px){.uta-hero-inner{align-items:flex-start}.uta-seal{width:84px;height:84px;font-size:38px;flex:0 0 auto}.uta-work-grid{grid-template-columns:1fr}.uta-about-grid{grid-template-columns:1fr}}
@media (max-width:560px){.uta-hero{padding:56px 0 48px}.uta-hero-inner{display:block}.uta-seal{margin-top:24px}.uta-topic{grid-template-columns:1fr;padding:24px}.uta-topic-badge{width:62px;height:62px}.uta-genre-head{display:block}.uta-genre-head p{margin-top:4px}.uta-poem{font-size:18px}.uta-coming-card{padding:28px 22px}}

/* Mobile heading layout fix */
@media (max-width:760px){
  .uta-gallery .section-head{
    display:block;
    margin-bottom:28px;
  }
  .uta-gallery .section-head > div{
    width:100%;
  }
  .uta-gallery .section-desc{
    max-width:none;
    margin:14px 0 0;
  }
}


/* Tanzaku poem presentation */
.uta-work{
  min-height:0;
  padding:22px;
  align-items:center;
  background:#fffdf8;
}
.uta-work .uta-tag,
.uta-work .uta-credit{
  align-self:stretch;
}
.uta-tanzaku{
  position:relative;
  width:min(100%,220px);
  height:390px;
  margin:18px auto 20px;
  padding:34px 26px 24px;
  border:1px solid #d8c8ac;
  border-radius:10px 10px 16px 16px;
  background:
    linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),
    repeating-linear-gradient(
      0deg,
      rgba(142,111,72,.025) 0,
      rgba(142,111,72,.025) 1px,
      transparent 1px,
      transparent 7px
    ),
    linear-gradient(180deg,#fbf6e9 0%,#f1e5cd 100%);
  box-shadow:
    0 12px 28px rgba(74,54,38,.10),
    inset 0 0 0 1px rgba(255,255,255,.58);
}
.uta-tanzaku:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(143,100,69,.14);
  border-radius:7px 7px 12px 12px;
  pointer-events:none;
}
.uta-tanzaku-hole{
  position:absolute;
  top:12px;
  left:50%;
  width:9px;
  height:9px;
  margin-left:-4.5px;
  border-radius:50%;
  background:#b89a73;
  box-shadow:inset 0 1px 2px rgba(75,52,35,.25);
}
.uta-poem{
  margin:0 auto;
  height:100%;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;
  font-size:21px;
  line-height:2;
  letter-spacing:.06em;
  color:#392d24;
  white-space:normal;
}
.uta-credit{
  font-size:12px;
  color:var(--muted);
  text-align:right;
}
@media (max-width:560px){
  .uta-work{padding:20px 18px}
  .uta-tanzaku{
    width:min(100%,210px);
    height:370px;
    margin-top:16px;
  }
  .uta-poem{
    font-size:20px;
    line-height:1.9;
  }
}


/* Poem speech controls */
.uta-listen-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45em;
  width:100%;
  margin-top:14px;
  padding:11px 14px;
  border:1px solid #cdbb9b;
  border-radius:999px;
  background:#fffaf0;
  color:#4a3a2c;
  font:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.uta-listen-btn:hover{
  background:#f7eedf;
  border-color:#bca47f;
}
.uta-listen-btn:active{
  transform:translateY(1px);
}
.uta-listen-btn.is-speaking{
  background:#f2e3cf;
  border-color:#a98763;
}
.uta-listen-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.uta-listen-btn:focus-visible{
  outline:3px solid rgba(115,91,57,.28);
  outline-offset:2px;
}