/* Current photo edition only; earlier designs retain their original styles. */
@font-face{font-family:"Nana Cormorant";src:url("./assets/fonts/CormorantGaramond-Medium.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Nana Cormorant";src:url("./assets/fonts/CormorantGaramond-MediumItalic.woff") format("woff");font-style:italic;font-weight:500;font-display:swap}

.photo-refined .wordmark{
  display:inline-flex;
  align-items:baseline;
  gap:.16em;
  font-family:"Nana Cormorant",Georgia,serif;
  font-style:normal;
  font-weight:500;
  line-height:.95;
  letter-spacing:-.045em;
  white-space:nowrap;
}
.photo-refined .wordmark{font-size:50px;padding-block:7px 9px}
.photo-refined .brand-by{font-style:italic;font-size:.61em;letter-spacing:-.035em}
.photo-refined .brand-name{letter-spacing:-.045em}
.photo-refined .site-footer .wordmark{font-size:58px}
.photo-refined .newsletter-wordmark{
  font:400 22px/1.6 var(--serif);
  letter-spacing:.04em;
  white-space:nowrap;
  text-decoration:none;
}
.photo-refined .hero .eyebrow{font-family:var(--serif);font-weight:400}
.photo-refined .hero-definition .newsletter-highlight{
  margin-top:3px;
  color:inherit;
  font:inherit;
  text-decoration-line:underline;
  text-decoration-color:var(--gold);
  text-decoration-thickness:2px;
  text-underline-offset:7px;
}

/* The call to action now follows the portrait without the deleted title. */
.photo-refined .hero{row-gap:26px;padding-bottom:76px}
.photo-refined .hero-bottom{padding:0}
.photo-refined .hero .reassurance{margin-top:13px}
.photo-refined .letters-section .section{padding-bottom:80px}
.photo-refined .about-section{padding-block:80px 70px}
.photo-refined .about-photo-layout{column-gap:64px}

/* Original photograph, framed in CSS. No facial retouching or generated face. */
.photo-refined .about-portrait{
  width:100%;
  max-width:460px;
  min-height:0;
  aspect-ratio:4/5;
  align-self:center;
  border-radius:220px 220px 10px 10px;
  background:#304f3c;
}
.photo-refined .about-portrait>img{
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:55% 54%;
  transform:scale(1.6);
  transform-origin:55% 54%;
}
.photo-refined .about-portrait-caption{
  padding:72px 30px 26px;
  background:linear-gradient(transparent,rgba(14,33,25,.83));
}
.photo-refined .about-portrait-caption .about-role{color:#f4f5eb}

@media(min-width:761px) and (max-width:1000px){
  .photo-refined .about-photo-layout{column-gap:38px}
}
@media(max-width:760px){
  .photo-refined .wordmark{font-size:43px;padding-block:5px 8px}
  .photo-refined .site-footer .wordmark{font-size:51px}
  .photo-refined .site-header{gap:12px;flex-wrap:wrap;height:auto;min-height:77px;padding-block:14px}
  .photo-refined .newsletter-wordmark{font-size:clamp(16px,4.3vw,19px);letter-spacing:.025em}
  .photo-refined .hero{row-gap:0;padding-bottom:42px}
  .photo-refined .hero-bottom{margin-top:18px}
  .photo-refined .hero .reassurance{margin-top:12px}
  .photo-refined .letters-section .section{padding-bottom:52px}
  .photo-refined .about-section{padding-block:56px 47px}
  .photo-refined .about-photo-layout{gap:25px}
  .photo-refined .about-portrait{max-width:380px;border-radius:180px 180px 8px 8px}
  .photo-refined .about-portrait-caption{padding:65px 23px 23px}
}

/* AUN revision 18: same photo edition, expanded content and community. */
.photo-refined .portrait-signature>span{display:block}
.photo-refined .portrait-signature .portrait-community{margin-bottom:3px;color:var(--ink);letter-spacing:.04em}
.photo-refined .community-gallery-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 42px;align-items:start}
.photo-refined .community-gallery-four .community-photo{width:100%;min-width:0}
.photo-refined .community-gallery-four .community-photo-table{margin-top:56px;transform:rotate(2deg)}
.photo-refined .community-photo-group{transform:rotate(-1.5deg)}
.photo-refined .community-photo-gathering{margin-top:40px;transform:rotate(2.5deg)}
.photo-refined .community-gallery-four .community-image-window{aspect-ratio:3/2}
.photo-refined .community-gallery-four .community-image-window img{object-position:center;display:block}
.photo-refined .difference-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:20px}
.photo-refined .channel-card{padding:30px 25px;min-width:0}
.photo-refined .channel-card h3{font-size:clamp(19px,1.9vw,24px);line-height:1.8;overflow-wrap:anywhere}
.photo-refined .channel-card>p{overflow-wrap:anywhere}
.photo-refined .channel-card-time{background:#e7ecde;border-color:#cdd7c3}
.photo-refined .difference-heading>.eyebrow{margin-top:0;margin-bottom:18px;font-size:.75rem;line-height:1.6;color:var(--ink)}
.photo-refined .about-copy .about-community{color:#e1eacb;font:400 clamp(18px,1.8vw,22px)/1.95 var(--serif);margin-bottom:28px}
.photo-refined .delivery-consent{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.photo-refined .delivery-consent span{overflow-wrap:anywhere}
.photo-refined .form-message:empty{display:none}
.photo-refined .letter-card h3{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1000px){
  .photo-refined .difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .photo-refined .channel-card-time{grid-column:1/-1}
  .photo-refined .community-gallery-four{gap:34px 28px}
}
@media(max-width:760px){
  .photo-refined .community-gallery-four{display:grid;grid-template-columns:1fr;gap:30px;padding:32px 12px 10px}
  .photo-refined .community-gallery-four .community-photo{margin:0;width:96%}
  .photo-refined .community-gallery-four .community-photo:nth-child(even){width:92%;margin-left:auto}
  .photo-refined .community-gallery-four .community-photo-table{transform:rotate(2deg)}
  .photo-refined .difference-grid{grid-template-columns:1fr;gap:17px}
  .photo-refined .channel-card{padding:27px 24px}
  .photo-refined .channel-card h3{font-size:clamp(20px,5.5vw,24px)}
  .photo-refined .difference-heading>.eyebrow{font-size:11px}
  .photo-refined .about-copy .about-community{font-size:19px;margin-bottom:24px}
  .photo-refined .portrait-signature{max-width:calc(100% - 15px)}
  .photo-refined .portrait-signature .portrait-community{font-size:10px}
  .photo-refined .delivery-consent{font-size:13px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){
  .photo-refined .community-photo{transform:none!important}
}