/* 2026-08-28：關於曇時・無照片橫向編輯排版 */

body.tabbed-site #about.page-active{
  padding-top:clamp(6.2rem,10vh,7.4rem);
  padding-bottom:clamp(1.8rem,4vh,2.8rem);
}

#about .wrap{max-width:1160px;}

#about .about-editorial{
  position:relative;
  display:grid;
  grid-template-columns:minmax(370px,.95fr) minmax(0,1.15fr);
  overflow:hidden;
  border:1px solid rgba(120,87,63,.2);
  border-top:3px solid var(--bloom-deep);
  background:rgba(255,253,248,.94);
  box-shadow:0 24px 60px rgba(71,51,39,.11);
}

#about .about-editorial::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-70px;
  width:180px;
  height:180px;
  border:1px solid rgba(176,133,80,.16);
  transform:rotate(45deg);
  pointer-events:none;
}

#about .about-editorial-heading{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-width:0;
  padding:clamp(2.25rem,3.7vw,3.4rem);
  border-right:1px solid rgba(120,87,63,.16);
  background:linear-gradient(145deg,rgba(251,247,240,.98),rgba(245,236,226,.72));
}

#about .eyebrow{
  margin:0 0 1rem;
  color:var(--gold);
  font-size:.74rem;
  letter-spacing:.22em;
}

#about .section-title{
  max-width:10em;
  margin:0;
  color:var(--ink);
  font-size:clamp(2rem,2.8vw,2.75rem);
  font-weight:500;
  line-height:1.42;
  letter-spacing:.025em;
  white-space:normal;
}

#about .section-title span{display:block;white-space:nowrap;}

#about .about-signature{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:1.55rem 0 0;
  color:var(--gold);
  font-family:"Cormorant Garamond",serif;
  font-size:.68rem;
  letter-spacing:.25em;
  text-transform:uppercase;
}

#about .about-signature::before{
  content:"";
  width:38px;
  height:1px;
  background:currentColor;
}

#about .about-editorial-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(2.3rem,4vw,3.7rem);
}

#about .about-editorial-copy>p{
  max-width:32em;
  margin:0;
  color:var(--text-mute);
  font-family:"Noto Serif TC",serif;
  font-size:clamp(.92rem,1.15vw,1.02rem);
  line-height:2.05;
  letter-spacing:.025em;
}

#about .about-editorial-copy>p+p{
  margin-top:1.35rem;
  padding-top:1.35rem;
  border-top:1px solid rgba(120,87,63,.15);
}

#about .about-editorial-copy .about-lead{
  color:var(--ink);
  font-size:clamp(1.02rem,1.35vw,1.16rem);
  line-height:1.95;
}

#about .about-motto{
  display:grid;
  gap:.35rem;
  margin-top:1.8rem;
  padding-left:1rem;
  border-left:3px solid var(--sage);
}

#about .about-motto span{
  color:var(--gold);
  font-family:"Cormorant Garamond",serif;
  font-size:.66rem;
  letter-spacing:.22em;
  text-transform:uppercase;
}

#about .about-motto strong{
  color:var(--ink);
  font-family:"Noto Serif TC",serif;
  font-size:.9rem;
  font-weight:500;
  letter-spacing:.05em;
}

@media(max-width:860px){
  body.tabbed-site #about.page-active{padding-top:5.5rem;padding-bottom:1rem;}
  #about .about-editorial{grid-template-columns:1fr;}
  #about .about-editorial-heading{
    padding:2rem 1.45rem 1.8rem;
    border-right:0;
    border-bottom:1px solid rgba(120,87,63,.16);
  }
  #about .section-title{
    max-width:none;
    font-size:clamp(2.05rem,9vw,2.7rem);
    line-height:1.4;
  }
  #about .section-title span{white-space:normal;}
  #about .about-signature{margin-top:1.25rem;}
  #about .about-editorial-copy{padding:1.9rem 1.45rem 2.2rem;}
  #about .about-editorial-copy>p{font-size:.9rem;line-height:1.95;}
  #about .about-editorial-copy .about-lead{font-size:1rem;}
  #about .about-motto{margin-top:1.45rem;}
}

@media(max-width:380px){
  #about .about-editorial-heading,
  #about .about-editorial-copy{padding-left:1.15rem;padding-right:1.15rem;}
  #about .section-title{font-size:2rem;}
}