.faces{--fc-bg:#fffaf0;--fc-ink:#1c2a48;--fc-link:#0b4a7a;box-sizing:border-box;max-width:72rem;color:var(--fc-ink);background-color:var(--fc-bg);background-image:radial-gradient(circle,#1c2a4829 1.5px,#0000 2px);background-size:12px 12px;margin-inline:auto;padding:2rem 1rem 4rem}.faces *,.faces :before,.faces :after{box-sizing:border-box}.faces h1{overflow-wrap:anywhere;margin-block:0 .5rem;font-size:clamp(2rem,1.2rem + 4vw,3.5rem);line-height:1.1}.faces h2{overflow-wrap:anywhere;margin-block:2.5rem .5rem;font-size:clamp(1.35rem,1.1rem + 1.5vw,2rem)}.faces p,.faces li{overflow-wrap:anywhere;line-height:1.6}.faces p{background:var(--fc-bg);max-width:44rem;margin-inline:0;padding:.25rem .5rem}.faces-head{padding:1rem 0 0}.faces a{color:var(--fc-link);background:linear-gradient(90deg,#b3126b,#0b5f73) 0 100%/100% .16em no-repeat,linear-gradient(oklab(50.6708% .198382 -.0177599/.16),oklab(50.6708% .198382 -.0177599/.16)) 0 100%/100% 0 no-repeat;border-radius:.35em;min-height:44px;padding-inline:.35em;font-weight:700;line-height:44px;text-decoration:none;display:inline-block}.faces a:hover{background-size:100% .16em,100% 100%;box-shadow:0 0 1.2em #b3126b40}.faces a:focus-visible{outline:3px solid var(--fc-ink);outline-offset:3px;background:#ffe58a}.faces img{max-width:100%;height:auto;display:block}.faces-diptych{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}@media (width>=40em){.faces-diptych{grid-template-columns:repeat(2,minmax(0,1fr))}}.faces-diptych figure{background:var(--fc-bg);border:6px solid var(--fc-ink);box-shadow:6px 6px 0 var(--fc-ink);margin:0;padding:.5rem}.faces-diptych img{width:100%}.faces-diptych figcaption{padding-block:.4rem 0;font-weight:700}.faces-grid{background:var(--fc-bg);border:6px solid var(--fc-ink);grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;max-width:44rem;margin:1rem 0 0;padding:.5rem;list-style:none;display:grid}.faces-cell{min-width:0;margin:0;padding:0;line-height:0}.faces-cell img{aspect-ratio:4/3;object-fit:cover;width:100%}.faces-nested{background:var(--fc-bg);border:6px solid var(--fc-ink);grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;max-width:32rem;margin-top:1rem;padding:.5rem;display:grid}.faces-nest{aspect-ratio:2/3;background-image:url(/brand/faces/kerchief-face-thumb.webp);background-repeat:repeat;background-size:20% 10%;min-width:0}.faces-four{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:1rem;display:grid}@media (width>=48em){.faces-four{grid-template-columns:repeat(2,minmax(0,1fr))}}.faces-four-fig{min-width:0;margin:0}.faces-four-fig h3{background:var(--fc-bg);overflow-wrap:anywhere;margin:0;padding:.25rem .5rem;font-size:1.15rem}.faces-four-fig figcaption{background:var(--fc-bg);overflow-wrap:anywhere;padding:0 .5rem .25rem}.faces-four-fig .faces-grid{max-width:none;margin-top:.25rem}.faces-four-fig[data-version=inverse] .faces-grid{border-color:#b3126b}.faces-four-fig[data-version=yellow] .faces-grid{border-color:#5b2a8c}.faces-four-fig[data-version=water] .faces-grid{border-color:#0b5f73}.faces [data-row="0"]{filter:none}.faces [data-row="1"]{filter:grayscale(.1);opacity:.97}.faces [data-row="2"]{filter:grayscale(.2);opacity:.94}.faces [data-row="3"]{filter:grayscale(.3);opacity:.91}.faces [data-row="4"]{filter:grayscale(.45);opacity:.88}.faces [data-row="5"]{filter:grayscale(.6);opacity:.85}.faces [data-row="6"]{filter:grayscale(.7);opacity:.82}.faces [data-row="7"]{filter:grayscale(.8);opacity:.79}.faces [data-row="8"]{filter:grayscale(.9);opacity:.76}.faces [data-row="9"]{filter:grayscale();opacity:.73}.faces-xr{background:var(--fc-bg);border:6px solid var(--fc-ink);max-width:44rem;margin-top:.75rem;padding:0 1rem .75rem}.faces-xr-sum{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.faces-xr-gate{align-items:center;gap:.5rem;min-height:44px;display:flex}.faces-xr-gate input{width:24px;height:24px}.faces-xr-btn{border:3px solid var(--fc-ink);min-width:44px;min-height:44px;color:var(--fc-ink);font:inherit;cursor:pointer;background:#fff;border-radius:0;margin:.5rem .5rem 0 0;padding:.5rem 1rem;font-weight:700}.faces-xr-btn[hidden]{display:none}.faces-xr-sum:focus-visible,.faces-xr-btn:focus-visible,.faces-xr-gate input:focus-visible{outline:3px solid var(--fc-ink);outline-offset:3px;background:#ffe58a}.faces-note{margin-top:2.5rem}.faces-links{background:var(--fc-bg);max-width:44rem;margin-block:.5rem;padding-inline-start:1.25rem}@media (prefers-reduced-motion:reduce){.faces,.faces *{scroll-behavior:auto;transition:none;animation:none}}.faces-earlier h3{margin-block:1.25rem .5rem;font-size:1.15rem}.faces-earlier-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:44rem;display:grid}.faces-earlier-row{flex-wrap:wrap;gap:1rem;max-width:72rem;display:flex}.faces-earlier-fig{background:var(--fc-bg);border:4px solid var(--fc-ink);min-width:0;box-shadow:4px 4px 0 var(--fc-ink);margin:0;padding:.35rem}.faces-earlier-pair .faces-earlier-fig{width:100%}.faces-earlier-row .faces-earlier-fig{flex:0 clamp(9.5rem,18vw,12rem)}.faces-earlier-fig img{aspect-ratio:1;width:100%;height:auto}.faces-earlier-fig figcaption{padding-top:.35rem;font-weight:700}
