.examples-section{background:#f7f3ea;padding-bottom:118px}
.examples-heading{display:grid;grid-template-columns:1.08fr .82fr;gap:60px;align-items:end}
.examples-heading .body-copy{margin:0 0 8px}
.example-profile{display:flex;align-items:center;gap:18px;margin-top:56px;padding:20px 25px;background:#eee8db;border:1px solid #ddd3c0}
.profile-symbol{width:48px;height:48px;display:grid;place-items:center;flex:none;border:1px solid #b89a6c;border-radius:50%;color:#9f7e4f;font-family:Georgia,serif;font-size:25px}
.example-profile strong{font-size:15px}
.example-profile p{margin:2px 0 0;color:#6b7373;font-size:12px}
.profile-badge{margin-left:auto;white-space:nowrap;color:#9d7c4b;font-size:10px;letter-spacing:.16em;font-weight:800}
.example-block{padding-top:100px}
.block-heading{display:grid;grid-template-columns:180px 1fr;column-gap:30px;align-items:start}
.block-heading .section-label{grid-row:span 2;padding-top:13px}
.block-heading h3{font-family:GeorgiaLocal,Georgia,serif;font-size:clamp(33px,3.4vw,48px);line-height:1.18;font-weight:400;letter-spacing:-.045em;margin:0 0 14px}
.block-heading>p:last-child{grid-column:2;color:#667273;max-width:660px;font-size:16px;margin:0 0 40px}
.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.answer-card{display:flex;flex-direction:column;min-height:370px;background:#fffdf8;border:1px solid #dbd8cf;padding:30px}
.answer-number,.art-info>span{color:#9d7b4b;font-size:10px;letter-spacing:.16em;font-weight:800}
.answer-card h4,.art-info h4{font-family:GeorgiaLocal,Georgia,serif;font-weight:400;line-height:1.25}
.answer-card h4{font-size:27px;margin:22px 0 16px}
.answer-card>p{color:#586567;font-size:15px;line-height:1.75;margin:0 0 24px}
.answer-foot{border-top:1px solid #dfddd4;padding-top:15px;margin-top:auto;display:grid;gap:5px;font-size:10px;color:#9d7b4b;letter-spacing:.09em;text-transform:uppercase;font-weight:800}
.answer-foot span{font-size:12px;line-height:1.45;letter-spacing:0;text-transform:none;font-weight:500;color:#566467}
.art-block{padding-top:115px}
.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.art-card{background:#fffdf8;border:1px solid #ded9cf;overflow:hidden}
.art-image{aspect-ratio:4/3;background-position:center;background-size:cover}
.art-image-one{background-image:url('assets/day-symbol-sun.webp'),radial-gradient(circle at 45% 40%,#eddcb9,#867f72 50%,#1f3941)}
.art-image-two{background-image:url('assets/day-symbol-moon.webp'),radial-gradient(circle at 55% 40%,#b9ac8f,#455b66 47%,#122530)}
.art-image-three{background-image:url('assets/personal-planets-case2.webp'),linear-gradient(150deg,#f3e0b7,#bcc9c0 58%,#4d6b72)}
.art-info{padding:20px 23px 25px}
.art-info h4{font-size:25px;margin:8px 0 7px}
.art-info p{font-size:13px;color:#687273;margin:0}
.example-disclaimer{font-size:12px;color:#7b8584;margin:20px 0 0}
.explore-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.explore-links a{font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #987647;padding-bottom:3px}
@media(max-width:850px){
  .art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .examples-heading{grid-template-columns:1fr;gap:0}
  .example-profile{margin-top:40px}
  .block-heading{grid-template-columns:1fr}
  .block-heading .section-label{grid-row:auto;padding-top:0}
  .block-heading>p:last-child{grid-column:1}
  .answer-grid{grid-template-columns:1fr 1fr}
  .answer-card:last-child{grid-column:span 2;min-height:270px}
}
@media(max-width:650px){
  .examples-section{padding-bottom:80px}
  .example-profile{align-items:flex-start;padding:16px}
  .profile-badge{display:none}
  .example-block,.art-block{padding-top:70px}
  .block-heading h3{font-size:36px}
  .block-heading>p:last-child{font-size:15px;margin-bottom:25px}
  .answer-grid,.art-grid{grid-template-columns:1fr}
  .answer-card,.answer-card:last-child{grid-column:auto;min-height:0;padding:25px}
  .art-image{aspect-ratio:16/10}
}
@media (max-width: 650px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr); }
  .hero-copy { min-width: 0; }
  .hero h1 { font-size: clamp(42px, 11vw, 52px); letter-spacing: -.045em; }
}