/* pcand brand refresh */
.opening{height:calc(100svh + 80px)}.hero{top:96px;height:calc(100svh - 96px);min-height:560px;grid-template-columns:44% 56%;gap:0;padding:35px 0 60px 6%;overflow:hidden}.copy{padding:0;z-index:2}.copy h1{font-size:clamp(30px,3.7vw,54px);line-height:1.65;letter-spacing:-.045em;font-weight:600}.copy h1 span{display:block;white-space:nowrap}.cards{height:auto;width:100%;padding:0 0 0 7%;transform:translateY(calc(-18px * var(--spread)))}.brand-art{margin:0;width:100%;aspect-ratio:1.13;overflow:hidden;border-radius:44% 0 0 0}.brand-art img{width:100%;height:100%;object-fit:cover;display:block;object-position:42% center}.about-cover{margin:24px 6% 0;height:auto;aspect-ratio:1.95;overflow:hidden}.about-cover img{object-fit:cover;object-position:50% 55%;width:100%;height:100%;--drift-scale:1.05}.about-message h1{letter-spacing:0;font-size:clamp(32px,4vw,50px)}.about-message{padding-top:65px}.catalog-intro:empty{display:none}
@media(max-width:900px) and (min-width:601px){.copy h1{font-size:30px}.hero{grid-template-columns:48% 52%}.cards{padding-left:4%}}
@media(max-width:600px){.opening{height:auto}.hero{position:relative;top:auto;display:block;min-height:0;height:auto;padding:45px 0 38px}.copy{padding:0 7%}.copy h1{font-size:clamp(27px,7.3vw,40px);line-height:1.7}.cards{padding:0 0 0 7%;margin-top:35px;height:auto}.brand-art{aspect-ratio:1.22;border-radius:28% 0 0 0}.about-cover{margin:16px 0 0;aspect-ratio:1.28}.about-cover img{object-position:40% center}.about-message{padding:42px 7% 65px}.about-message h1{font-size:31px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.opening{height:auto}.hero{position:relative;top:auto}.cards{transform:none}}

.brand-art{aspect-ratio:3/2;border-radius:0}.brand-art img{object-fit:contain}.about-cover{aspect-ratio:3/2}.about-cover img{object-fit:contain;transform:none!important}

/* The illustration is the entrance; the words follow it. */
.opening{height:auto}.hero{position:relative;top:auto;display:flex;flex-direction:column;height:auto;min-height:0;padding:0;overflow:visible}.hero .cards{order:0;margin:0;padding:0;transform:none;width:100%;height:auto}.hero .brand-art{width:100%;aspect-ratio:3/2;margin:0;border-radius:0}.hero .brand-art img{object-fit:contain;object-position:center}.hero .copy{order:1;width:100%;padding:36px 7% 42px;background:#e9e9ed;text-align:center}.hero .copy h1{font-size:clamp(22px,2.6vw,38px);line-height:1.6;letter-spacing:0;font-weight:500}
@media(max-width:600px){.hero .copy{padding:27px 6% 32px}.hero .copy h1{font-size:clamp(19px,5.1vw,25px)}}

.about-message h1{white-space:normal}