/* Summer Gale: bilingual About page – live theme companion */
body.sg-page .sg-about-page{
  background:linear-gradient(110deg,#071427 0%,#0a1b31 50%,#071326 100%);
  color:#eee0ce;
  padding:0;
}
.sg-about-page-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(90deg,rgba(6,15,30,.98) 0%,rgba(8,20,37,.95) 45%,rgba(11,28,49,.75) 100%),
  url('https://summergalebooks.com/wp-content/uploads/2026/10/AMAZON-BOTH-geil-scaled.jpeg') center 36%/cover no-repeat;
  min-height:245px;
  display:flex;align-items:center;
  border-bottom:1px solid rgba(224,192,142,.42);
}
.sg-about-page-hero:before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:158px;
  background:url('sg-botanical.svg') left 40%/contain no-repeat;
  opacity:.38;pointer-events:none;
}
.sg-about-page-hero-inner{
  position:relative;max-width:1380px;width:100%;
  margin:auto;padding:38px clamp(30px,10vw,145px) 43px;
}
.sg-about-page-hero .sg-eyebrow{font-size:11px!important;letter-spacing:.19em!important;}
.sg-about-page-hero h1{
  font:normal clamp(44px,5.5vw,76px)/1.07 'DM Serif Display',serif!important;
  color:#f8e8d1;margin:9px 0 13px;
}
.sg-about-page-hero h1 em{color:#dfbd8b;font-weight:normal;}
.sg-about-page-hero p:not(.sg-eyebrow){
  margin:0;max-width:560px;
  font:clamp(15px,1.45vw,18px)/1.6 'DM Serif Display',serif;
  color:#d4d7da;
}
.sg-about-page-main.sg-about-full{
  margin:0 auto!important;max-width:1380px!important;min-height:0!important;
  display:grid!important;grid-template-columns:minmax(240px,34%) minmax(0,66%)!important;
  gap:clamp(25px,5vw,72px)!important;
  padding:54px clamp(30px,6vw,84px) 58px!important;
  align-items:start!important;
  background:linear-gradient(115deg,#08172b,#102039)!important;
  border-top:0!important;
}
.sg-about-page-main .sg-about-portrait{
  position:sticky;top:22px;align-self:start;
  height:auto!important;min-height:0!important;max-width:none!important;width:100%!important;
  border:1px solid rgba(210,170,115,.38);
  border-radius:3px;overflow:hidden;
  background:#081527;
  box-shadow:0 24px 45px rgba(0,0,0,.36);
}
.sg-about-page-main .sg-about-portrait img{
  display:block;width:100%!important;height:auto!important;
  object-fit:contain!important;object-position:center;
  transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;
}
.sg-about-page-main .sg-about-portrait:after{
  background:linear-gradient(0deg,rgba(8,21,37,.38),transparent 30%)!important;
}
.sg-about-page-main .sg-about-story{
  max-width:760px!important;min-width:0;padding:0!important;
  text-align:left;
}
.sg-about-page-main .sg-about-story h2{
  margin:10px 0 28px!important;
  font:clamp(29px,3.1vw,46px)/1.18 'DM Serif Display',serif!important;
  color:#f3e4ce!important;
}
.sg-about-page-main .sg-about-story h2 em{color:#d6ba89;font-weight:normal;}
.sg-about-page-main .sg-about-prose{columns:1!important;}
.sg-about-page-main .sg-about-prose p{
  font:15px/1.82 'DM Sans',sans-serif!important;
  color:#ced1d7!important;
  margin:0 0 19px!important;
  text-align:left;
}
.sg-about-page-main .sg-about-prose p:first-child{
  font:20px/1.6 'DM Serif Display',serif!important;
  color:#f2dfc2!important;margin-bottom:24px!important;
}
.sg-about-page-main .sg-about-prose p:nth-child(4),
.sg-about-page-main .sg-about-prose p:last-child{
  color:#ecd0a1!important;font-weight:500;
}
.sg-about-page-main .sg-signature{
  font:35px/1.4 'Great Vibes',cursive!important;color:#e0bd88!important;
  margin:16px 0 0!important;display:inline-block;
}
.sg-about-world{
  border-top:1px solid rgba(224,187,131,.36);
  background:radial-gradient(ellipse at 90% 10%,rgba(41,57,79,.55),transparent 55%),
  linear-gradient(120deg,#071326,#0d2038);
  padding:54px 6% 70px;
}
.sg-about-world-inner{max-width:1020px;margin:auto;text-align:center;}
.sg-about-world h2{
  font:clamp(31px,3.5vw,50px)/1.17 'DM Serif Display',serif;
  margin:12px 0 16px;color:#f5e2c7;
}
.sg-about-world h2 em{color:#dfbe8d;font-weight:normal;}
.sg-about-world p:not(.sg-eyebrow){
  font:15px/1.75 'DM Sans',sans-serif;
  color:#ced1d8;max-width:750px;margin:0 auto;
}
.sg-about-actions{
  margin:30px auto 0;
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px;
}
.sg-about-actions .sg-btn{margin:0;text-decoration:none;}
.sg-about-textlink{
  font:12px 'DM Sans',sans-serif;color:#dfc49c!important;
  border-bottom:1px solid rgba(235,207,155,.6);
  padding:10px 2px;text-decoration:none;
}
.sg-about-textlink:hover{color:#fff1d2!important;}
.sg-about-page ~ footer{border-top:1px solid rgba(213,175,119,.5);}
@media(max-width:800px){
  .sg-about-page-main.sg-about-full{
    grid-template-columns:minmax(165px,35%) minmax(0,65%)!important;
    gap:28px!important;padding:42px 5% 48px!important;
  }
  .sg-about-page-main .sg-about-prose p{font-size:13.5px!important;line-height:1.75!important;}
  .sg-about-page-main .sg-about-prose p:first-child{font-size:18px!important;}
}
@media(max-width:620px){
  .sg-about-page-hero{min-height:195px;}
  .sg-about-page-hero-inner{padding:32px 8% 36px;}
  .sg-about-page-hero:before{width:90px;opacity:.25;}
  .sg-about-page-main.sg-about-full{
    display:flex!important;flex-direction:column;gap:22px!important;
    padding:32px 7% 42px!important;
  }
  .sg-about-page-main .sg-about-portrait{
    position:relative;top:auto;max-width:340px!important;
    width:85%!important;margin:0 auto;
  }
  .sg-about-page-main .sg-about-story h2{font-size:32px!important;}
  .sg-about-page-main .sg-about-prose p{font-size:14px!important;}
  .sg-about-world{padding:40px 7% 48px;}
  .sg-about-world h2{font-size:34px;}
}