/* The home entrance keeps the original INOA artwork and leads to the collection. */
.color-range-link{display:flex;flex-direction:column;align-items:center;width:100%;text-decoration:none;text-align:center}
.color-range-link:focus-visible{outline:2px solid var(--gold);outline-offset:7px;border-radius:4px}
.color-entry-title{font:normal 32px/1.2 Georgia,serif;color:var(--ink);margin-top:10px}
.color-range-link .product-open-label{max-width:100%;padding-inline:12px}
.color-range-link .product-open-label>span{flex-shrink:0}
.color-range-link:hover .product-open-label>span{background:#80613c33;transform:translate(2px,-2px)}
.colors-main{max-width:var(--content);margin:auto;padding:calc(var(--header-height) + 30px) var(--gutter) 80px}
.colors-back{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.colors-intro{padding:45px 0 25px;max-width:780px}
.colors-intro h1{font:normal clamp(44px,6vw,78px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:20px 0 25px}
.colors-intro h1 em{color:var(--gold);font-weight:normal}
.colors-intro>p:not(.eyebrow){max-width:65ch;font-size:15px;line-height:1.85;color:var(--muted)}
.color-choices{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 45px}
.color-choices a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);padding:10px 18px;font-size:13px;color:var(--ink);transition:border-color .2s,background .2s}
.color-choices a:hover{border-color:var(--gold);background:#aa8c6214}
.color-choices a:focus-visible,.colors-main a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.color-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.color-line{min-width:0;border-top:1px solid var(--line);padding:28px 24px 32px;background:radial-gradient(ellipse at 50% 20%,#aa8c6214,transparent 65%);scroll-margin-top:calc(var(--header-height) + 24px)}
.color-line-image{display:flex;align-items:center;justify-content:center;min-width:0;max-height:none;overflow:hidden}
.color-line-image .product-packshot{height:300px;width:100%;max-width:390px}
.color-line-image img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.color-line-copy{max-width:56ch;margin:25px auto 0}
.color-line-copy .eyebrow{font-size:10px;line-height:1.8}
.color-line h2{font:normal clamp(32px,3.3vw,44px)/1.1 Georgia,serif;margin:16px 0 18px;color:var(--ink)}
.color-line-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin:14px 0}
.color-line-copy .color-line-lead{font:normal 22px/1.4 Georgia,serif!important;color:#e3cfad!important}
.color-line-inoa{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:35px 24px 40px}
.color-line-inoa .product-packshot{height:390px;max-width:430px}
.color-line-inoa .color-line-copy{margin:0;max-width:47ch}
.color-line-inoa h2{font-size:60px}
.color-line .color-source{display:inline-block;min-height:44px;padding:12px 0;font-size:11px;line-height:1.7;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.detail-product-media.dia-color img{mask-image:url('assets/product-dia-color-mask.svg');-webkit-mask-image:url('assets/product-dia-color-mask.svg');mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.colors-consult{max-width:730px;margin:65px auto 0;padding-top:45px;text-align:center;border-top:1px solid var(--line)}
.colors-consult h2{font:normal clamp(30px,4vw,46px)/1.15 Georgia,serif;margin:0 0 22px}
.colors-consult p{max-width:55ch;margin:0 auto 26px;font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:767px){
 .color-entry-title{font-size:29px}
 .colors-main{padding-top:calc(var(--header-height) + 20px);padding-bottom:55px}
 .colors-intro{padding-top:25px}
 .colors-intro h1{font-size:44px}
 .color-choices{gap:8px;margin-bottom:30px}
 .color-choices a{padding:10px 14px}
 .color-collection{grid-template-columns:1fr;gap:24px}
 .color-line,.color-line-inoa{display:block;padding:22px 12px 28px}
 .color-line-image .product-packshot{height:280px}
 .color-line-copy,.color-line-inoa .color-line-copy{margin:20px auto 0}
 .color-line-inoa h2{font-size:44px}
 .colors-consult{margin-top:40px;padding-top:35px}
}