.nav,.kicker,.hero-title>p,.hero-foot,.eyebrow,.tabs button,.stage aside span,.palette span,.mock-label,.manual-copy,footer{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC",sans-serif}
h1,h2,.concept h2,.application h2,.manual-copy h2,footer h2,.stage aside p,.shop-window p,.shop-door span,.towel b{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC",sans-serif!important;font-style:normal}
h1{font-weight:700;line-height:.82;letter-spacing:-.055em}
.hero h1 em,.concept h2 em,.application h2 em,.rules-title h2 i{font-family:inherit!important;font-style:normal;font-weight:inherit}
.no{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:500}
.app-copy{grid-row:1/4;align-self:start}
.mockup-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mockup{position:relative;min-height:380px;overflow:hidden;background:#e5ddd3;color:#262321}
.mockup.facade{grid-column:1/-1;min-height:480px;background:linear-gradient(90deg,#ddd5cb 0 59%,#b7a28f 59%);padding:72px 7%}
.shop-sign{width:52%;height:104px;background:#f6f2eb;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 35px rgba(31,27,24,.18)}
.brand-lockup{text-align:center}
.brand-lockup b{display:block;font:700 23px/1 Arial,sans-serif;letter-spacing:.02em}
.brand-lockup span{display:block;font:8px/1 Arial,sans-serif;letter-spacing:.48em;margin-top:8px}
.shop-window{position:absolute;left:7%;bottom:54px;width:33%;height:230px;background:linear-gradient(145deg,#403c39,#171615);border:10px solid #eee9e2;color:#eee9e2;padding:30px}
.shop-window p{font:30px/.9 Georgia,serif;margin:0}
.shop-door{position:absolute;right:9%;bottom:54px;width:24%;height:310px;background:#272523;border:12px solid #ede7df;color:#d6c6b8;display:flex;flex-direction:column;align-items:center;justify-content:center}
.shop-door span{font:52px Georgia,serif}.shop-door small{font-size:6px;letter-spacing:.25em;margin-top:15px}
.mock-label{position:absolute;left:20px;bottom:14px;margin:0!important;font:7px/1 Arial,sans-serif!important;letter-spacing:.18em;color:inherit!important}
.mock-label b{color:#9d826d;margin-right:7px}
.bag{background:#d2c6ba;display:flex;align-items:center;justify-content:center}
.bag-body{position:relative;width:57%;height:61%;background:#f2eee8;display:flex;flex-direction:column;justify-content:center;box-shadow:14px 18px 35px rgba(53,44,38,.2)}
.bag-handle{position:absolute;z-index:2;top:14%;width:26%;height:32%;border:6px solid #2a2826;border-bottom:0;border-radius:50% 50% 0 0}
.products{background:#eee9e2}
.product-stage{height:100%;display:flex;justify-content:center;align-items:flex-end;gap:18px;padding:70px 30px 48px;background:linear-gradient(175deg,transparent 0 68%,#d6c9bd 68%)}
.bottle,.tube{position:relative;background:#282624;color:#f3eee7;text-align:left;padding:55px 13px 14px;box-shadow:10px 18px 25px rgba(42,36,31,.2)}
.bottle{width:25%;height:60%;border-radius:5px 5px 2px 2px}.bottle.tall{height:72%}
.bottle i{position:absolute;left:20%;top:-25px;width:60%;height:29px;background:#151413;border-radius:4px 4px 0 0}
.tube{width:24%;height:55%;border-radius:3px 3px 14px 14px}
.bottle b,.tube b{font:700 12px/1 Arial,sans-serif}
.bottle span,.tube span{position:absolute;bottom:15px;left:13px;font-size:5px;letter-spacing:.15em;color:#cbbcaf}
.cards{background:#c2afa0}
.card{position:absolute;width:70%;height:39%;padding:38px 30px;background:#f4f0ea;box-shadow:12px 18px 35px rgba(53,44,38,.2)}
.card-a{left:9%;top:18%;transform:rotate(-8deg);z-index:2}
.card-a small{display:block;margin-top:35px;font-size:6px;letter-spacing:.25em}
.card-b{right:7%;bottom:17%;transform:rotate(7deg);padding-top:30px}
.card-b small{font-size:6px;letter-spacing:.2em}.card-b i{display:block;border-top:1px solid #a59587;margin:8px 0 14px}.card-b p{font-size:6px;margin-top:12px}
.textile{grid-column:1/-1;background:#e7e1da;min-height:400px}
.cape{position:absolute;left:8%;top:11%;width:54%;height:76%;padding-top:120px;color:#eee9e2;background:linear-gradient(110deg,#2d2a28,#4d4743 55%,#272523);clip-path:polygon(13% 0,85% 0,100% 100%,0 100%);filter:drop-shadow(14px 18px 18px rgba(42,36,31,.2))}
.towel{position:absolute;right:9%;top:23%;width:34%;height:50%;padding-top:70px;background:#bba591;box-shadow:14px 18px 30px rgba(53,44,38,.2);transform:rotate(4deg)}
.towel b{font:400 42px Georgia,serif}
@media(max-width:900px){.app-copy{grid-row:auto}.mockup-grid{grid-template-columns:1fr}.mockup.facade,.textile{grid-column:auto}}
@media(max-width:560px){.mockup{min-height:300px}.mockup.facade{min-height:390px}.shop-sign{width:68%;height:80px}.shop-window{height:180px;width:42%}.shop-door{height:240px}.brand-lockup b{font-size:17px}.textile{min-height:320px}.cape{padding-top:95px}.towel{padding-top:55px}}

.application{align-items:start}
.app-copy{grid-row:1/8}
.app-count{margin-top:54px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);display:flex;align-items:flex-end;gap:14px}
.app-count strong{font:600 62px/.8 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#bea996;letter-spacing:-.06em}
.app-count span{font:7px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.2em;color:#bdb4ac}
.application figcaption{padding:13px 2px 2px;font:7px/1.4 "Helvetica Neue",Helvetica,Arial,"PingFang SC",sans-serif;letter-spacing:.16em;color:#c9beb4}
.app-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px}
.app-highlights .feature-office{grid-column:1/-1}
.app-highlights figure,.app-category-grid figure{box-shadow:none}
.app-highlights img,.app-category-grid img{background:#f4f0e9;transition:transform .55s ease,filter .55s ease}
.app-highlights figure:hover img,.app-category-grid figure:hover img{transform:scale(1.012);filter:brightness(1.03)}
.app-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;margin-top:46px}
.full-app-wrap{margin-top:70px;border-top:1px solid rgba(255,255,255,.14);padding-top:30px}
.app-toggle{width:100%;border:0;background:transparent;color:#f5f1eb;padding:18px 0 30px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}
.app-toggle span{font:500 11px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.2em}
.app-toggle b{font:400 11px/1 "PingFang SC","Helvetica Neue",Arial,sans-serif;color:#bdb4ac}
.app-toggle:after{content:"+";font:300 30px/1 "Helvetica Neue",Arial,sans-serif;color:#bea996;margin-left:20px}
.app-toggle[aria-expanded=true]:after{content:"−"}
.full-app-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding-top:18px}
.full-app-gallery[hidden]{display:none}
.full-app-gallery figure{box-shadow:none}
.full-app-gallery img{background:#f4f0e9}
@media(max-width:900px){.app-copy{grid-row:auto}.app-highlights,.app-category-grid,.full-app-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.app-highlights,.app-category-grid,.full-app-gallery{grid-template-columns:1fr}.app-highlights .feature-office{grid-column:auto}.app-category-grid{gap:24px;margin-top:32px}.app-toggle{align-items:flex-start}.app-toggle b{max-width:120px;text-align:right}.app-count{margin-top:34px}}
