/* about.css — about.html 固有スタイル */

.about-main{max-width:1100px;margin:0 auto;padding:90px 80px;}

.about-lead{text-align:center;max-width:680px;margin:0 auto 100px;}
.lead-label{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:13px;letter-spacing:0.4em;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:14px;}
.lead-label::before,.lead-label::after{content:'';width:30px;height:1px;background:var(--gold);}
.lead-ttl{font-family:'Shippori Mincho',serif;font-size:clamp(24px,3.5vw,40px);font-weight:600;letter-spacing:0.12em;color:var(--espresso);margin-bottom:28px;line-height:1.5;}
.lead-body{font-size:14px;line-height:2.8;letter-spacing:0.08em;color:var(--text-m);}

.history{margin-bottom:100px;}
.timeline{position:relative;padding-left:40px;}
.timeline::before{content:'';position:absolute;left:0;top:8px;bottom:0;width:1px;background:linear-gradient(to bottom,var(--gold),rgba(196,169,107,0.2));}
.tl-item{position:relative;margin-bottom:52px;padding-left:32px;}
.tl-item::before{content:'';position:absolute;left:-44px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--gold);border:2px solid var(--cream);box-shadow:0 0 0 2px var(--gold);}
.tl-year{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:0.3em;color:var(--gold);margin-bottom:8px;}
.tl-ttl{font-family:'Shippori Mincho',serif;font-size:18px;font-weight:600;letter-spacing:0.1em;color:var(--espresso);margin-bottom:10px;}
.tl-body{font-size:13.5px;line-height:2.5;letter-spacing:0.07em;color:var(--text-m);}

.philosophy{margin-bottom:100px;}
.phil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;}
.phil-card{background:var(--espresso);padding:52px 44px;position:relative;overflow:hidden;}
.phil-card::before{content:attr(data-num);position:absolute;right:20px;bottom:-10px;font-family:'Cormorant Garamond',serif;font-size:100px;font-weight:300;color:rgba(255,255,255,0.05);line-height:1;pointer-events:none;}
.phil-en{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:11px;letter-spacing:0.32em;color:var(--gold);margin-bottom:14px;}
.phil-nm{font-family:'Shippori Mincho',serif;font-size:20px;font-weight:600;letter-spacing:0.12em;color:var(--cream);margin-bottom:16px;}
.phil-dc{font-size:12.5px;line-height:2.3;letter-spacing:0.06em;color:rgba(250,247,242,0.55);}

.photo-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;margin-bottom:100px;height:560px;}
.photo-main{grid-row:1/3;overflow:hidden;}
.photo-main img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s;}
.photo-main:hover img{transform:scale(1.03);}
.photo-sub{overflow:hidden;}
.photo-sub img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s;}
.photo-sub:hover img{transform:scale(1.03);}

.message{background:var(--warm);border:1px solid var(--sand);padding:72px 80px;margin-bottom:100px;position:relative;overflow:hidden;}
.message::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gold);}
.msg-label{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:12px;letter-spacing:0.4em;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.msg-label::before{content:'';width:24px;height:1px;background:var(--gold);}
.msg-ttl{font-family:'Shippori Mincho',serif;font-size:clamp(20px,2.8vw,32px);font-weight:600;letter-spacing:0.1em;color:var(--espresso);margin-bottom:32px;line-height:1.5;}
.msg-body{font-size:14px;line-height:2.8;letter-spacing:0.08em;color:var(--text-m);max-width:680px;margin-bottom:36px;}
.msg-sign{font-family:'Shippori Mincho',serif;font-size:15px;letter-spacing:0.14em;color:var(--espresso);}
.msg-sign small{font-size:12px;color:var(--text-l);display:block;margin-bottom:4px;letter-spacing:0.1em;}

.about-cta{text-align:center;padding:72px;background:var(--espresso);position:relative;overflow:hidden;}
.about-cta::before{content:'たひら';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Shippori Mincho',serif;font-size:240px;font-weight:700;color:rgba(255,255,255,0.025);pointer-events:none;white-space:nowrap;}
.cta-label{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:12px;letter-spacing:0.4em;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px;}
.cta-label::before,.cta-label::after{content:'';width:24px;height:1px;background:var(--gold);}
.cta-ttl{font-family:'Shippori Mincho',serif;font-size:clamp(22px,3vw,36px);font-weight:600;letter-spacing:0.1em;color:var(--cream);margin-bottom:14px;position:relative;}
.cta-desc{font-size:13px;line-height:2.4;letter-spacing:0.07em;color:rgba(250,247,242,0.55);margin-bottom:40px;position:relative;}
.cta-btns{display:flex;gap:14px;justify-content:center;position:relative;}

@media(max-width:900px){
  .about-main{padding:56px 24px;}
  .phil-grid{grid-template-columns:1fr;}
  .photo-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;}
  .photo-main{grid-row:auto;}
  .photo-main img,.photo-sub img{height:240px;}
  .message{padding:44px 28px;}
  .about-cta{padding:48px 24px;}
  .cta-btns{flex-direction:column;align-items:center;}
}