.skin-feature{padding:56px max(6%,calc((100% - 1120px)/2));}.skin-feature-row{display:grid;grid-template-columns:.72fr 1fr;gap:40px;align-items:center}.skin-feature .skin-feature-heading{text-align:left;margin:0;max-width:none}.skin-feature-heading h2{font-size:clamp(30px,3vw,43px);line-height:1.12}.skin-feature-heading h2 em,.skin-collection-full h2 em{font-family:Georgia,serif;font-weight:400}.skin-feature-heading p{font-size:15px;line-height:1.7;margin:20px 0 0}.skin-feature .trailer-opening{aspect-ratio:3/2;height:auto;min-height:0;width:100%;}.skin-feature .trailer-opening.is-playing{aspect-ratio:16/9}.skin-designed-cover{padding:0;display:block;inset:0}.skin-designed-cover:before,.skin-designed-cover:after{display:none}.skin-designed-cover>img{display:block;width:100%;height:100%;object-fit:contain}.skin-new-gallery{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;margin:26px 0}.skin-lesson{position:relative;display:block;overflow:hidden;background:#f5f0e4;box-shadow:0 3px 10px #302c2010}.skin-lesson img{position:absolute;max-width:none;height:auto;display:block}.skin-lesson:focus-visible{outline:2px solid #646f58;outline-offset:4px}.skin-feature>.textlink{font-size:11px}.skin-collection-full{padding:70px 8%;text-align:center;background:#f5f1e7}.skin-collection-full>h2{font-size:clamp(32px,4vw,54px);margin:18px 0 32px}.skin-collection-hero{width:100%;max-width:1000px;display:block;margin:0 auto 35px;height:auto}.skin-collection-full .skin-new-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;margin:0 auto;gap:24px}@media(max-width:750px){.skin-feature-row{grid-template-columns:1fr;gap:25px}.skin-feature .skin-feature-heading{max-width:520px}.skin-feature .trailer-opening{max-width:620px}.skin-feature .skin-new-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 0 16px;gap:14px}.skin-feature .skin-lesson{flex:0 0 160px;scroll-snap-align:start}.skin-collection-full .skin-new-gallery{grid-template-columns:1fr 1fr;gap:16px}.skin-feature{padding:42px 6%}.skin-collection-full{padding:48px 6%}}

/* Lesson artwork and real text remain visible independently. */
.skin-lesson{overflow:visible;background:transparent;box-shadow:none;text-align:left}
.skin-lesson-art{display:block;width:100%;background-image:url('/assets/skin-collection/lesson-covers.webp');background-repeat:no-repeat;background-color:#f5f0e4;box-shadow:0 3px 10px #302c2010}
.skin-lesson-number{display:block;font-size:9px;letter-spacing:.15em;color:#6c7561;margin:15px 0 7px}
.skin-lesson h3{font:400 18px/1.22 Georgia,serif;letter-spacing:-.025em;margin:0;color:#292724}
.skin-lesson:hover h3{text-decoration:underline;text-underline-offset:4px}
.skin-lessons-intro{border-top:1px solid #d8d4ca;margin-top:32px;padding-top:22px;display:flex;align-items:baseline;justify-content:space-between;gap:15px}
.skin-lessons-intro .eyebrow{margin:0;font-size:9px}
.skin-lessons-intro p{font-size:13px;color:#626457;margin:0}
.skin-feature .skin-new-gallery{margin:18px 0 26px}
.skin-trailer-link{display:inline-flex;align-items:center;gap:12px;margin:23px 0 0;padding:0 0 10px;border:0;border-bottom:1px solid #717968;background:transparent;color:#292724;font:500 11px 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.skin-trailer-link span{display:grid;place-items:center;border:1px solid #717968;border-radius:50%;width:35px;height:35px;font-size:11px;padding-left:2px}
.skin-trailer-link:hover span{background:#e7eadf}
.skin-trailer-link:focus-visible{outline:2px solid #646f58;outline-offset:5px}
.skin-lesson-outline{scroll-margin-top:40px}
.skin-lesson-outline h3{font-size:25px;margin:0 0 9px}
.skin-lesson-outline p{font-size:14px;color:#626457;margin:0}
.skin-collection-full .skin-lesson h3{font-size:23px}
@media(max-width:750px){.skin-lessons-intro{display:block}.skin-lessons-intro p{margin-top:8px}.skin-feature .skin-lesson{flex-basis:160px}.skin-lesson h3{font-size:19px}.skin-collection-full .skin-lesson h3{font-size:20px}}

/* Let the original Skin photograph fill its panel at its natural proportions. */
.skin-course-hero .course-photo{padding:0;overflow:hidden;min-height:550px}
.skin-course-hero .course-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 50%}
@media(max-width:750px){.skin-course-hero .course-photo{min-height:0;aspect-ratio:3/2}.skin-course-hero .course-photo img{object-fit:cover}}