@font-face{font-family:Lora;font-style:italic;font-weight:400 700;src:url("/assets/redesign/fonts/lora-1.woff2")}
@font-face{font-family:'Source Sans 3';font-weight:400 700;src:url("/assets/redesign/fonts/sourcesans3-normal.woff2")}
body.ember.live-example{--serif:Lora,Georgia,serif;--sans:'Source Sans 3',Arial,sans-serif;font-family:var(--sans)}
body.ember.live-example :is(h1,h2,h3,h4,h5,h6,.hero-subtitle,.class-options button){font-family:var(--serif)}
body.ember.live-example :is(p,a,button,input,select,small,.eyebrow){font-family:inherit}
body.ember.live-example .eyebrow,body.ember.live-example .button{font-family:var(--sans)}
body.ember.live-example .hero h1{font-size:clamp(60px,7vw,96px)}
body.ember.live-example .section-heading h2{font-size:38px;font-weight:600}
body.ember.live-example .class-intro h2{font-size:33px}
body.ember.live-example .banner-story h2{font-size:49px}
body.ember.live-example .site-header nav{font-size:17px}
body.ember.live-example .product-grid{border:0;background:none}
body.ember.live-example .product-grid:has(>[data-treasure-card]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch;margin:0}
body.ember.live-example [data-treasure-card]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr auto;align-items:start;min-width:0;width:auto;margin:0;padding:0;border:1px solid #a58a64;border-radius:3px;overflow:hidden;background:linear-gradient(-45deg,#c6a977 0 8px,transparent 8px) bottom right/22px 22px no-repeat,#fff5df;color:#3b2e23;box-shadow:3px 5px 0 #cfc0a6;transition:box-shadow .2s,transform .2s}
body.ember.live-example [data-treasure-card]:hover{box-shadow:0 8px 25px #161c1910;transform:translateY(-2px)}
body.ember.live-example [data-treasure-card] .product-photo{display:block;position:relative;grid-column:1/-1;width:100%;height:auto;aspect-ratio:1;overflow:hidden;background:#ded7c8;border:0;border-radius:0;padding:0;margin:0}
body.ember.live-example [data-treasure-card] .product-photo>img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1;transition:transform .5s;border:0;margin:0}
body.ember.live-example [data-treasure-card]:hover .product-photo img{transform:scale(1.035)}
body.ember.live-example [data-treasure-card] .product-meta{display:contents}
body.ember.live-example [data-treasure-card] .product-meta-row{grid-column:1/-1;display:flex;min-height:0;margin:17px 18px 8px}
body.ember.live-example [data-treasure-card] .product-class-label{min-width:0;color:#62503c;font:500 12px/1.5 var(--sans);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:break-word}
body.ember.live-example [data-treasure-card] h3{grid-column:1/-1;font:600 23px/1.17 var(--serif);letter-spacing:-.015em;color:#3b2e23;margin:0 18px 20px;min-height:0;overflow-wrap:break-word}
body.ember.live-example [data-treasure-card] h3>a{display:block;color:inherit}
body.ember.live-example [data-treasure-card] .product-title-name{font:inherit;display:block}
body.ember.live-example [data-treasure-card] .product-title-kind{display:block;font:400 14px/1.45 var(--sans);letter-spacing:0;color:#3b2e23;margin-top:6px;opacity:.9}
body.ember.live-example [data-treasure-card] .sale-price{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;grid-column:1;align-self:center;font:600 20px/1.3 var(--sans);gap:4px 7px;margin:0 0 18px 18px;padding:0;color:#3b2e23}
body.ember.live-example [data-treasure-card] .sale-price strong{font:inherit;color:inherit}
body.ember.live-example [data-treasure-card] .sale-price del{width:100%;font:400 12px/1.4 var(--sans);color:inherit;opacity:.7;margin:0}
body.ember.live-example [data-treasure-card] .sale-price small{font:400 10px/1.4 var(--sans);color:inherit}
body.ember.live-example [data-treasure-card] .card-link{display:flex;align-items:center;justify-content:space-between;grid-column:2;align-self:center;gap:12px;min-height:44px;margin:0 18px 18px 8px;padding:9px 11px;border:1px solid #6b4c2e;border-radius:2px;background:#6b4c2e;color:#fff9e7;font:600 14px/1.4 var(--sans);text-align:left;box-shadow:none}
body.ember.live-example [data-treasure-card] .card-link:hover{background:#503820;text-decoration:none}
body.ember.live-example [data-treasure-card] a:focus-visible{outline:3px solid #805c32;outline-offset:-3px}
body.ember.live-example [data-treasure-card] .tag{position:absolute;top:12px;left:12px;right:12px;bottom:auto;background:#fff5df;color:#513b22;border:1px solid #a58a64;padding:7px;font:600 12px/1.4 var(--sans)}
body.ember.live-example [data-treasure-card] .treasure-offer{position:absolute;inset:auto 0 14px auto;transform:none;width:110px;height:43px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;background:#e8c784;color:#392813;text-align:center;font-family:var(--sans);padding:0 10px 0 17px;margin:0;border:0;border-radius:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9px 50%);box-shadow:inset 0 1px #fff0c1,inset 0 -1px #9e783e;pointer-events:none}
body.ember.live-example .treasure-offer:before{content:'';position:absolute;inset:4px 0 4px 15px;border-top:1px solid #ad844e;border-bottom:1px solid #ad844e;opacity:.65}
body.ember.live-example .treasure-offer:after{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:#b38b4d}
body.ember.live-example .treasure-offer strong{font:600 22px/1 var(--serif);color:#392813;letter-spacing:-.035em;z-index:1;text-shadow:none}
body.ember.live-example .treasure-offer small{font:700 10px/1 var(--sans);color:#392813;letter-spacing:.07em;margin:3px 0 0;z-index:1;text-shadow:none}

@media(max-width:1100px){body.ember.live-example .product-grid:has(>[data-treasure-card]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.ember.live-example [data-treasure-card] .product-class-label{font-size:11px;letter-spacing:0}body.ember.live-example [data-treasure-card] .treasure-offer{width:91px;height:36px;bottom:10px;gap:5px;padding:0 8px 0 15px}body.ember.live-example .treasure-offer strong{font-size:19px}body.ember.live-example .treasure-offer small{font-size:9px;margin-top:2px}}
@media(max-width:650px){body.ember.live-example .product-grid:has(>[data-treasure-card]){grid-template-columns:1fr}body.ember.live-example .hero h1{font-size:56px}body.ember.live-example .section-heading h2{font-size:30px}body.ember.live-example .banner-story h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){body.ember.live-example [data-treasure-card],body.ember.live-example [data-treasure-card] .product-photo>img{transition:none;transform:none}}