/* About page visual story, aligned with the refreshed Learn page. */
.about-main{background:#f7f2e9;color:#292522}
.about-main .editorial-kicker{color:#b65e31}
.about-main .about-hero-refresh{display:grid;grid-template-columns:.89fr 1.11fr;gap:7%;align-items:center;min-height:690px;padding:150px 0 78px}
.about-hero-copy{padding-top:12px}
.about-hero-refresh h1{font:500 clamp(58px,5.2vw,76px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:#292522;margin:23px 0 27px;max-width:550px}
.about-hero-refresh p{font-size:18px;line-height:1.52;color:#62564d;max-width:490px;margin:0 0 33px}
.about-hero-refresh .editorial-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.about-hero-refresh .editorial-actions button{border:0;cursor:pointer;font-size:12px;font-weight:700}
.about-hero-refresh .editorial-actions .text-link{color:#312923}
.about-hero-art{margin:0;height:540px;position:relative;overflow:hidden;border-radius:24px;background:#e9d4bc url('assets/about-hero-backdrop.png') center center/cover no-repeat}
.about-hero-art:after{content:'';position:absolute;left:11%;right:5%;bottom:20%;height:8%;border-radius:50%;background:#45271436;filter:blur(23px)}
.about-hero-art .about-foil{position:absolute;z-index:1;width:48%;height:64%;object-fit:contain;filter:drop-shadow(12px 15px 10px #47291360)}
.about-foil-one{left:10%;bottom:21%;transform:rotate(-8deg)}
.about-foil-two{right:7%;bottom:15%;transform:rotate(7deg)}
.about-index{margin-bottom:78px}
.about-approach{padding:15px 0 100px;scroll-margin-top:115px}
.about-approach-heading{display:grid;grid-template-columns:1.05fr .95fr;column-gap:9%;align-items:start;margin-bottom:38px}
.about-approach-heading>.editorial-kicker{grid-column:1/-1;margin-bottom:13px}
.about-approach h2{font:500 clamp(48px,4.2vw,64px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.052em;color:#2b2622;margin:0;max-width:550px}
.about-approach-heading p{font-size:18px;line-height:1.6;color:#5b5149;max-width:510px;margin:7px 0 0}
.about-approach-art{margin:0;height:455px;border-radius:23px;overflow:hidden;position:relative;background:#e8d8c8}
.about-approach-art img{width:100%;height:100%;object-fit:cover;display:block}
.about-approach-art figcaption{position:absolute;bottom:17px;left:19px;border-radius:100px;background:#f7efe6e6;color:#39312b;font:700 10px Arial,sans-serif;letter-spacing:.08em;padding:10px 14px}
.about-approach-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.about-approach-points span{display:flex;flex-direction:column;gap:8px;border-top:1px solid #d9c9b9;padding-top:17px}
.about-approach-points b{font:700 11px Arial,sans-serif;color:#ba683e}
.about-approach-points strong{font:500 25px Georgia,serif;color:#302722}
.about-approach-points small{font-size:13px;line-height:1.45;color:#685c52}
.about-details{padding:90px 0 125px;border-top:1px solid #ddd2c6}
.about-details-heading{text-align:center;max-width:720px;margin:0 auto 45px}
.about-details-heading h2{font:500 clamp(43px,4.2vw,62px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.053em;margin:18px auto 15px;color:#2b2622}
.about-details-heading p{font-size:17px;line-height:1.52;color:#64584f;margin:0 auto;max-width:590px}
.about-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.about-detail-card{background:#fffdf9;border:1px solid #e4d8cb;border-radius:20px;overflow:hidden;scroll-margin-top:120px;box-shadow:0 7px 18px #4a31200d}
.about-detail-image{display:block;width:100%;height:300px;object-fit:cover}
.about-product-image{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#f1e0d1,#d9bca5)}
.about-product-image img{height:80%;width:70%;object-fit:contain;filter:drop-shadow(0 16px 12px #5c331939)}
.about-detail-card>div:last-child{padding:25px 26px 29px}
.about-detail-card span{font:700 10px Arial,sans-serif;color:#ad5a34;letter-spacing:.08em}
.about-detail-card h3{font:500 31px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:12px 0 11px;color:#292522}
.about-detail-card p{font-size:14px;line-height:1.55;color:#5d5148;margin:0}
@media(max-width:900px){
  .about-main .about-hero-refresh{grid-template-columns:1fr;gap:35px;padding:150px 0 55px;min-height:0}
  .about-hero-art{height:500px}
  .about-approach-heading{grid-template-columns:1fr;gap:15px}.about-approach-heading p{max-width:700px}
  .about-detail-image{height:230px}.about-detail-card>div:last-child{padding:21px}.about-detail-card h3{font-size:26px}
}
@media(max-width:600px){
  .about-main .about-hero-refresh{padding:140px 0 35px;gap:27px}
  .about-hero-refresh h1{font-size:55px}.about-hero-refresh p{font-size:16px}.about-hero-art{height:340px}
  .about-hero-art .about-foil{height:63%;width:47%}.about-foil-one{bottom:19%}.about-foil-two{bottom:15%}
  .about-index{margin-bottom:50px}
  .about-approach{padding:0 0 70px}.about-approach h2{font-size:43px}.about-approach-heading p{font-size:16px}.about-approach-art{height:280px}.about-approach-points{gap:10px;margin-top:22px}.about-approach-points strong{font-size:19px}.about-approach-points small{font-size:11px}
  .about-details{padding:70px 0 90px}.about-details-heading h2{font-size:42px}.about-details-heading p{font-size:15px}.about-detail-grid{grid-template-columns:1fr;gap:15px}.about-detail-image{height:270px}.about-detail-card>div:last-child{padding:22px}.about-detail-card h3{font-size:30px}.about-detail-card p{font-size:15px}
}