.mh-ct3{--ct-ink:#252126;--ct-pink:#bd3569;--ct-muted:#6d656b;--ct-paper:#faf7f4;font:inherit;font-family:var(--font-body-family),Arial,sans-serif;color:var(--ct-ink);font-size:1.5rem;overflow:hidden;background:#fff}.mh-ct3 *,.mh-ct3 *:before,.mh-ct3 *:after{box-sizing:border-box}.mh-ct3 a{color:inherit;text-decoration:none}.mh-ct3 a:focus-visible,.mh-ct3 summary:focus-visible{outline:3px solid var(--ct-pink);outline-offset:4px}.mh-ct3__width{width:min(calc(100% - (2*clamp(20px,5vw,78px))),1450px);margin:auto}.mh-ct3__kicker{display:flex;align-items:center;gap:12px;color:var(--ct-pink);font-size:1.08rem;font-weight:850;letter-spacing:.15em;line-height:1.5;text-transform:uppercase;margin:0 0 24px}.mh-ct3__kicker span{background:currentColor;height:2px;width:24px;flex:none}.mh-ct3 h1,.mh-ct3 h2,.mh-ct3 h3{font-family:var(--font-body-family),Arial,sans-serif;font-weight:850;text-transform:uppercase}.mh-ct3 h1 em,.mh-ct3 h2 em{font-style:normal;color:var(--ct-pink)}.mh-ct3__masthead{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);min-height:clamp(550px,46vw,735px);background:#faf7f4}.mh-ct3__masthead-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(46px,5vw,84px) clamp(28px,5.2vw,90px);z-index:1}.mh-ct3__masthead h1{font-size:clamp(4.8rem,5.5vw,8.7rem);line-height:1.015;letter-spacing:-.068em;max-width:740px;margin:0 0 26px}.mh-ct3__lead{font-size:clamp(1.55rem,1.55vw,1.9rem);line-height:1.66;color:#5f585d;max-width:550px;margin:0 0 28px}.mh-ct3__button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 21px;background:#282428;color:#fff!important;font-size:1.18rem;font-weight:850;letter-spacing:.04em;transition:background .2s ease}.mh-ct3__button:hover{background:var(--ct-pink)}.mh-ct3__masthead-note{margin:39px 0 0;color:#847982;font-size:1rem;letter-spacing:.095em;font-weight:750;line-height:1.6}.mh-ct3__masthead-note i{display:inline-block;width:3px;height:3px;background:var(--ct-pink);border-radius:50%;vertical-align:middle;margin:0 8px}.mh-ct3__masthead-photos{position:relative;isolation:isolate;overflow:hidden;background:#e6d6d2;min-height:550px}.mh-ct3__photo-main{position:absolute;top:0;right:0;bottom:0;left:0;width:77%;overflow:hidden}.mh-ct3__hero-img,.mh-ct3__look-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mh-ct3__photo-main .mh-ct3__hero-img{object-position:center center}.mh-ct3__photo-inset{position:absolute;right:clamp(12px,2.1vw,35px);top:16%;bottom:15%;width:36%;border:9px solid #fff;box-shadow:0 14px 35px #2c1a2021;overflow:hidden}.mh-ct3__photo-inset .mh-ct3__hero-img{object-position:center 32%}.mh-ct3__inset-label{position:absolute;left:0;bottom:0;background:#fff;font-size:.9rem;padding:9px 12px;font-weight:850;letter-spacing:.12em}.mh-ct3__photo-credit{position:absolute;left:clamp(14px,3vw,55px);bottom:28px;display:inline-block;background:#281d25db;color:#fff;padding:12px 15px;font-size:.97rem;font-weight:750;letter-spacing:.1em}.mh-ct3__intro{padding-block:clamp(74px,8vw,120px) 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}.mh-ct3__intro h2,.mh-ct3__chapter h2,.mh-ct3__lesson h2,.mh-ct3__ending h2{font-size:clamp(4rem,5vw,7rem);line-height:1.04;letter-spacing:-.063em;margin:0}.mh-ct3__intro>p{font-size:1.53rem;line-height:1.7;color:var(--ct-muted);max-width:490px;margin:0 0 3px}.mh-ct3__moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-block:30px clamp(70px,8vw,115px);scroll-margin-top:115px}.mh-ct3__moods a{display:flex;flex-direction:column;gap:12px;position:relative;padding:23px 22px 27px;border:1px solid #eee3e3;background:#fbf7f6;transition:background .2s ease,border-color .2s ease}.mh-ct3__moods a:nth-child(2){background:#f8f5f0}.mh-ct3__moods a:nth-child(3){background:#f5f4f5}.mh-ct3__moods a:hover{background:#f7ecf0;border-color:#d7aabd}.mh-ct3__moods a>span:first-child{font-size:1.05rem;letter-spacing:.09em;font-weight:850;color:var(--ct-pink)}.mh-ct3__moods a strong{max-width:250px;font-size:clamp(1.85rem,1.9vw,2.6rem);line-height:1.2;letter-spacing:-.025em}.mh-ct3__mood-arrow{position:absolute;right:20px;bottom:20px;color:var(--ct-pink);font-size:2rem}.mh-ct3__chapter{padding-block:clamp(65px,7vw,110px);scroll-margin-top:100px;background:#fff}.mh-ct3__chapter--warm{background:#faf7f3}.mh-ct3__chapter--cool{background:#f9f8fa}.mh-ct3__chapter-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.mh-ct3__chapter-header h2{max-width:850px}.mh-ct3__chapter-header>p{max-width:370px;font-size:1.48rem;line-height:1.65;color:var(--ct-muted);margin:0 0 4px}.mh-ct3__looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,42px)}.mh-ct3__look{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #ece5e6}.mh-ct3__look-photos{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.9fr);aspect-ratio:2.05;gap:4px;background:#f0e9e7}.mh-ct3__look-eye,.mh-ct3__look-fashion{position:relative;min-width:0;min-height:0;overflow:hidden;display:block}.mh-ct3__look-eye .mh-ct3__look-photo,.mh-ct3__look-fashion .mh-ct3__look-photo{object-position:center center}.mh-ct3__look-number{position:absolute;top:13px;left:13px;background:#fff;padding:8px 11px;color:#40353b;letter-spacing:.13em;font-weight:850;font-size:1.06rem}.mh-ct3__look-info{padding:clamp(20px,2.8vw,38px);display:flex;flex-direction:column;flex:1}.mh-ct3__look-top{display:flex;align-items:center;gap:10px}.mh-ct3__mood-dot{display:block;width:12px;height:12px;border-radius:100%;background:var(--ct3-ink);flex:none}.mh-ct3__look-top p{color:#715f6b;font-size:1.04rem;letter-spacing:.12em;font-weight:850;margin:0}.mh-ct3__look h3{font-size:clamp(2.7rem,3.2vw,4.5rem);line-height:1.06;letter-spacing:-.054em;margin:16px 0 10px}.mh-ct3__look-intro{font-size:1.47rem;color:#625961;line-height:1.62;margin:0 0 21px}.mh-ct3__tip{padding:20px 22px 21px;background:#faf7f6;border-left:3px solid var(--ct3-ink);margin-bottom:20px}.mh-ct3__tip-heading{font-size:.97rem;font-weight:850;color:var(--ct-pink);letter-spacing:.15em;display:block;margin-bottom:10px}.mh-ct3__tip strong{display:block;font-size:1.7rem;letter-spacing:-.025em;margin:0 0 8px}.mh-ct3__tip p{font-size:1.34rem;line-height:1.6;color:#594f56;margin:0}.mh-ct3__shades{border-block:1px solid #eee5e5;margin-top:auto}.mh-ct3__shades summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:17px 0;list-style:none;font-size:1.04rem;font-weight:850;letter-spacing:.065em;color:#9d315e}.mh-ct3__shades summary::-webkit-details-marker{display:none}.mh-ct3__shades summary span{font-size:1.8rem;line-height:1}.mh-ct3__shades[open] summary span{transform:rotate(45deg)}.mh-ct3__shade-map{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;margin:0 0 20px;background:#fff}.mh-ct3__product-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px}.mh-ct3__product-ident{display:flex;align-items:center;gap:11px}.mh-ct3__packshot{display:block;width:70px;height:70px;object-fit:contain;background:#faf8f7}.mh-ct3__product-ident div{display:flex;flex-direction:column;gap:5px}.mh-ct3__product-ident span{font-size:.97rem;letter-spacing:.055em;color:#7f747b;font-weight:750}.mh-ct3__product-ident strong{font-size:1.75rem}.mh-ct3__shop-link{display:inline-flex;gap:12px;align-items:center;background:#272329;color:#fff!important;padding:14px 16px;font-weight:850;font-size:1.07rem;letter-spacing:.04em;transition:background .2s ease;white-space:nowrap}.mh-ct3__shop-link:hover{background:var(--ct-pink)}.mh-ct3__shop-link span{font-size:1.6rem}.mh-ct3__micro-tip{background:#f0e4e6;padding-block:clamp(30px,4vw,60px)}.mh-ct3__micro-tip .mh-ct3__width{display:flex;align-items:center;gap:45px}.mh-ct3__micro-tip span{font-size:1.08rem;letter-spacing:.14em;font-weight:850;color:#9f3662;flex:0 0 240px}.mh-ct3__micro-tip p{font-size:clamp(1.6rem,2vw,2.6rem);line-height:1.4;letter-spacing:-.023em;margin:0}.mh-ct3__lesson{padding-block:clamp(80px,9vw,135px);background:#fff}.mh-ct3__lesson-heading{max-width:930px;margin:0 0 45px}.mh-ct3__lesson-heading>p:last-child{font-size:1.53rem;line-height:1.7;color:#6d646b;margin:25px 0 0;max-width:710px}.mh-ct3__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mh-ct3__steps article{background:#faf7f4;padding:clamp(24px,3vw,44px);border-top:3px solid #bd3569}.mh-ct3__steps article>span{display:block;font-size:1.1rem;font-weight:850;letter-spacing:.12em;color:#a83461;margin-bottom:34px}.mh-ct3__steps h3{font-size:clamp(2.3rem,2.35vw,3.5rem);line-height:1.06;letter-spacing:-.05em;margin:0 0 20px}.mh-ct3__steps p{font-size:1.42rem;line-height:1.66;color:#645960;margin:0}.mh-ct3__lesson-note{padding:23px 26px;border-left:3px solid #bd3569;background:#f8eff2;max-width:950px;margin:28px 0 0;font-size:1.34rem;line-height:1.6}.mh-ct3__ending{background:#f3e8eb;padding-block:clamp(70px,8vw,120px)}.mh-ct3__ending h2{max-width:1080px}.mh-ct3__ending .mh-ct3__width>p:last-child{max-width:620px;color:#625962;font-size:1.56rem;line-height:1.7;margin:26px 0 0}@media(max-width:1150px){.mh-ct3__masthead-copy{padding-inline:clamp(20px,4vw,60px)}.mh-ct3__masthead h1{font-size:clamp(4.2rem,5.8vw,7rem)}.mh-ct3__chapter-header{align-items:start;flex-direction:column}.mh-ct3__chapter-header>p{max-width:780px}.mh-ct3__product-bar{flex-wrap:wrap}}@media(max-width:749px){.mh-ct3__masthead{display:flex;flex-direction:column}.mh-ct3__masthead-photos{order:0;min-height:0;aspect-ratio:1.35}.mh-ct3__photo-main{width:83%}.mh-ct3__photo-inset{width:34%;top:10%;bottom:14%;right:4%;border-width:5px}.mh-ct3__photo-credit{font-size:.79rem;bottom:12px;left:12px;padding:8px 10px}.mh-ct3__inset-label{font-size:.75rem;padding:6px}.mh-ct3__masthead-copy{order:1;padding:52px 23px 60px}.mh-ct3__masthead h1{font-size:clamp(4.4rem,11vw,6.9rem);max-width:620px;margin-bottom:21px}.mh-ct3__lead{font-size:1.53rem}.mh-ct3__masthead-note{font-size:.9rem;margin-top:29px}.mh-ct3__intro{display:block;padding:65px 0 20px}.mh-ct3__intro h2,.mh-ct3__chapter h2,.mh-ct3__lesson h2,.mh-ct3__ending h2{font-size:clamp(3.7rem,9.2vw,6rem)}.mh-ct3__intro>p{margin:19px 0 0;font-size:1.4rem}.mh-ct3__moods{grid-template-columns:1fr;gap:11px;padding-block:25px 65px}.mh-ct3__moods a{padding:20px 52px 23px 19px;min-height:105px}.mh-ct3__moods a strong{font-size:2.15rem}.mh-ct3__chapter{padding-block:65px}.mh-ct3__chapter-header{margin-bottom:29px;gap:21px}.mh-ct3__chapter-header>p{font-size:1.38rem}.mh-ct3__looks{grid-template-columns:1fr;gap:22px}.mh-ct3__look-photos{aspect-ratio:2;grid-template-columns:1.7fr .8fr}.mh-ct3__look-info{padding:24px 20px}.mh-ct3__look h3{font-size:3.2rem}.mh-ct3__tip{padding:18px}.mh-ct3__product-bar{flex-wrap:wrap}.mh-ct3__micro-tip .mh-ct3__width{display:block}.mh-ct3__micro-tip span{display:block;margin-bottom:13px}.mh-ct3__micro-tip p{font-size:1.84rem}.mh-ct3__lesson{padding-block:75px}.mh-ct3__lesson-heading>p:last-child{font-size:1.4rem}.mh-ct3__steps{grid-template-columns:1fr}.mh-ct3__steps article{padding:25px}.mh-ct3__steps article>span{margin-bottom:19px}.mh-ct3__lesson-note{font-size:1.23rem;padding:18px}.mh-ct3__ending{padding-block:74px}}@media(max-width:399px){.mh-ct3__shop-link{width:100%;justify-content:space-between}.mh-ct3__masthead h1{font-size:4.3rem}}@media(prefers-reduced-motion:reduce){.mh-ct3__button,.mh-ct3__shop-link,.mh-ct3__moods a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/mh-colour-theory.css.map */