/* Visual learning page, following the Melts Pro palette and shared homepage sections. */
.learn-main{background:#f7f2e9;color:#272321}
.learn-main .learn-hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:7%;align-items:center;min-height:690px;padding:150px 0 78px}
.learn-hero-copy{padding:20px 0 0}
.learn-hero .editorial-kicker,.learn-foundation .editorial-kicker,.learn-topics .editorial-kicker{color:#b65e31}
.learn-hero h1{font:500 clamp(58px,5.2vw,76px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:#292522;margin:23px 0 27px}
.learn-hero p{font-size:18px;line-height:1.52;color:#62564d;max-width:480px;margin:0 0 33px}
.learn-hero .editorial-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.learn-hero .editorial-actions button{border:0;cursor:pointer;font-weight:700;font-size:12px}
.learn-hero .editorial-actions .text-link{color:#312923}
.learn-hero-art{margin:0;height:540px;position:relative;overflow:hidden;border-radius:24px;background:#ead4bd url('assets/learn-hero-backdrop.png') center center/cover no-repeat}
.learn-hero-art:after{content:'';position:absolute;left:28%;right:16%;bottom:6%;height:12%;border-radius:50%;background:#47302142;filter:blur(21px)}
.learn-hero-art img{position:absolute;z-index:1;width:53%;height:77%;object-fit:contain;left:27%;bottom:9%;filter:drop-shadow(16px 22px 15px #4b2d296b);transform:rotate(-7deg)}
.learn-index{display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:stretch;border-top:1px solid #d9cfc3;border-bottom:1px solid #d9cfc3;background:transparent!important;margin-bottom:78px;min-height:89px}
.learn-index-label{display:flex;flex-direction:column;justify-content:center;gap:5px}
.learn-index-label small{font:600 10px Arial,sans-serif;letter-spacing:.11em;color:#a8643f}
.learn-index-label strong{font:500 18px Arial,sans-serif;color:#292522}
.learn-index button{border:0;border-bottom:3px solid transparent;padding:21px 12px 17px;background:transparent;color:#9d958d;display:flex;align-items:center;justify-content:center;gap:12px;font:600 16px Arial,sans-serif;cursor:pointer;transition:color .2s,border-color .2s}
.learn-index button small{font:600 10px Arial,sans-serif;color:inherit}
.learn-index button:hover{color:#60412e}
.learn-index button.is-current{color:#c7602d;border-bottom-color:#c7602d}
.learn-foundation{padding:15px 0 100px;scroll-margin-top:115px}
.learn-foundation-copy{display:grid;grid-template-columns:1.06fr .94fr;column-gap:9%;align-items:start;margin-bottom:35px}
.learn-foundation-copy>.editorial-kicker{grid-column:1/-1;margin-bottom:13px}
.learn-foundation h2{font:500 clamp(48px,4.2vw,64px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.052em;color:#2b2622;margin:0;max-width:560px}
.learn-foundation-copy>p{font-size:18px;line-height:1.6;color:#5b5149;max-width:500px;margin:7px 0 0}
.learn-foundation-notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:45px 0 0}
.learn-foundation-notes span{display:flex;flex-direction:column;gap:8px;border-top:1px solid #d9c9b9;padding-top:17px}
.learn-foundation-notes b{font:700 11px Arial,sans-serif;color:#ba683e}
.learn-foundation-notes strong{font:500 25px Georgia,serif;color:#302722}
.learn-foundation-notes small{font-size:13px;line-height:1.45;color:#685c52}
.learn-foundation-art{margin:0;height:460px;border-radius:23px;overflow:hidden;position:relative;background:#e8dac8}
.learn-foundation-art img{width:100%;height:100%;object-fit:cover;display:block}
.learn-foundation-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}
.learn-topics{padding:90px 0 125px;border-top:1px solid #ddd2c6}
.learn-topics-heading{text-align:center;max-width:720px;margin:0 auto 45px}
.learn-topics-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}
.learn-topics-heading p{font-size:17px;line-height:1.52;color:#64584f;margin:0 auto;max-width:590px}
.learn-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.learn-topic-card{background:#fffdf9;border:1px solid #e4d8cb;border-radius:20px;overflow:hidden;scroll-margin-top:120px;box-shadow:0 7px 18px #4a31200d}
.learn-topic-card img{display:block;width:100%;height:300px;object-fit:cover}
.learn-topic-card:nth-child(2) img{object-position:center 52%}
.learn-topic-card>div{padding:25px 26px 29px}
.learn-topic-card span{font:700 10px Arial,sans-serif;color:#ad5a34;letter-spacing:.08em}
.learn-topic-card h3{font:500 31px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:12px 0 11px;color:#292522}
.learn-topic-card p{font-size:14px;line-height:1.55;color:#5d5148;margin:0}
@media(max-width:900px){
  .learn-main .learn-hero{grid-template-columns:1fr;gap:35px;padding:150px 0 55px;min-height:0}
  .learn-hero-art{height:500px}
  .learn-index{grid-template-columns:1fr repeat(3,1fr)}
  .learn-foundation-copy{grid-template-columns:1fr;gap:15px}.learn-foundation-copy>p{max-width:700px}
  .learn-topic-card img{height:230px}.learn-topic-card>div{padding:21px}.learn-topic-card h3{font-size:26px}
}
@media(max-width:600px){
  .learn-main .learn-hero{padding:140px 0 35px;gap:27px}
  .learn-hero h1{font-size:55px}.learn-hero p{font-size:16px}.learn-hero-art{height:340px}.learn-hero-art img{height:78%}
  .learn-index{grid-template-columns:repeat(3,1fr);margin-bottom:50px;min-height:0}.learn-index-label{grid-column:1/-1;padding:12px 0 0;gap:2px}.learn-index-label strong{font-size:15px}.learn-index button{font-size:12px;gap:4px;padding:20px 4px 15px}.learn-index button small{font-size:9px}
  .learn-foundation{padding:0 0 70px}.learn-foundation h2{font-size:43px}.learn-foundation-copy>p{font-size:16px}.learn-foundation-notes{gap:10px;margin-top:22px}.learn-foundation-notes strong{font-size:19px}.learn-foundation-notes small{font-size:11px}.learn-foundation-art{height:280px}
  .learn-topics{padding:70px 0 90px}.learn-topics-heading h2{font-size:42px}.learn-topics-heading p{font-size:15px}.learn-topic-grid{grid-template-columns:1fr;gap:15px}.learn-topic-card img{height:270px}.learn-topic-card>div{padding:22px}.learn-topic-card h3{font-size:30px}.learn-topic-card p{font-size:15px}
}