.py-brand{background:var(--paper);color:var(--ink);overflow:hidden;--ink: var(--py-ink);--muted: var(--py-muted);--paper: var(--py-site-paper);--line: var(--py-line);--cream: var(--py-surface);--dark: var(--py-dark)}.py-shell{margin-inline:auto;width:min(1320px,calc(100% - var(--py-gutter)*2))}.py-label{margin:0 0 16px;font-size:12px;letter-spacing:.23em;font-weight:400;color:var(--py-accent)}.py-subhero{position:relative;display:flex;align-items:flex-end;color:#fff;background:#2c2722;overflow:hidden;width:100%;height:auto;min-height:max(480px,calc(100svh - var(--header-height,96px)));max-height:none;margin:0;border-radius:0}.py-subhero__img,.py-subhero>.py-ph,.py-subhero__veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.py-subhero__img{object-fit:cover}.py-subhero__veil{z-index:1;background:linear-gradient(90deg,#100d0a66,transparent 90%),linear-gradient(0deg,#100d0ab3,transparent 85%)}.py-subhero__copy{position:relative;z-index:2;padding-bottom:clamp(54px,7vw,100px)}.py-subhero__copy p{margin:0 0 14px;font-size:12px;letter-spacing:.24em}.py-subhero__copy h1{margin:0;font:400 clamp(36px,4.7vw,66px)/1.35 var(--py-font-display);color:#fff;font-size:var(--py-hero-title);line-height:var(--py-hero-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-hero-measure);font-weight:400;text-wrap:balance}.py-subhero__copy span{display:block;color:#ffffffe6;font-size:var(--py-body-size);line-height:var(--py-body-leading);max-width:var(--py-copy-measure);text-wrap:pretty;margin-top:var(--py-copy-gap)}.py-ph{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.14),transparent 28%),radial-gradient(circle at 80% 68%,rgba(121,82,48,.32),transparent 36%),linear-gradient(135deg,#29231e,#735f4d 58%,#b19777)}.py-ph:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(45deg,transparent 0 26px,rgba(255,255,255,.025) 27px 28px);transform:rotate(-5deg)}.py-ph b,.py-ph span,.py-ph small{position:relative;z-index:1}.py-ph b{font:400 clamp(44px,7vw,96px) Georgia,serif;letter-spacing:.08em;opacity:.7}.py-ph span{margin-top:14px;font-size:12px;letter-spacing:.28em}.py-ph small{margin-top:9px;font-size:12px;opacity:.55}.py-ph--craft{background:radial-gradient(circle at 70% 25%,rgba(195,151,102,.3),transparent 30%),linear-gradient(135deg,#1e1b18,#514238,#8a6d50)}.py-ph--heritage{background:radial-gradient(circle at 22% 25%,rgba(166,122,78,.22),transparent 35%),linear-gradient(125deg,#24302b,#394b42,#79624b)}.py-ph--atelier{background:radial-gradient(circle at 75% 20%,rgba(211,195,170,.22),transparent 30%),linear-gradient(135deg,#27302c,#4d554b,#8b7e6c)}.py-intro{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-intro h2{grid-column:1/3;font:400 clamp(30px,3.8vw,52px)/1.4 var(--py-font-display);margin:8px 0 28px;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}.py-intro>div{grid-column:2;max-width:640px}.py-intro>div p{color:var(--muted);margin:0 0 20px;font-size:var(--py-body-size);line-height:var(--py-body-leading);max-width:var(--py-copy-measure);text-wrap:pretty}.py-history{padding:120px 0 135px;background:var(--cream)}.py-history h2,.py-process h2,.py-media h2{margin:0 0 55px;font:400 clamp(38px,4.8vw,66px)/1.2 Georgia,"Yu Mincho",serif;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}.py-history__rows{border-top:1px solid var(--line)}.py-history article{display:grid;grid-template-columns:170px 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line)}.py-history time{font:400 30px Georgia,serif;color:#655c54}.py-history h3{margin:0 0 9px;font-size:16px;font-weight:500}.py-history article p{margin:0;color:var(--muted);line-height:1.85}.py-history__next{background:#ffffff73;padding-left:18px!important;padding-right:18px!important}.py-person{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:var(--py-space-lg) 0;gap:7vw}.py-person__visual{aspect-ratio:4/5;overflow:hidden;background:#ddd;border-radius:var(--py-radius-card)}.py-person__visual img{width:100%;height:100%;object-fit:cover}.py-person__visual .py-ph{height:100%}.py-person__copy h2{margin:0;font:400 clamp(34px,4vw,54px) Georgia,"Yu Mincho",serif;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}.py-person__copy h3{margin:20px 0;font:400 24px/1.55 Georgia,Yu Mincho,serif}.py-person__copy>p{color:var(--muted);font-size:var(--py-body-size);line-height:var(--py-body-leading);max-width:var(--py-copy-measure);text-wrap:pretty}.py-person__copy a,.py-photo-pair__copy a,.py-quote a,.py-collection__note a{display:inline-block;margin-top:22px;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.py-quote{padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-quote blockquote{margin:0;font:400 clamp(28px,3.4vw,48px)/1.6 var(--py-font-display);font-size:var(--py-section-title);line-height:var(--py-heading-leading);max-width:var(--py-title-measure)}.py-process{background:var(--dark);color:#f7f2eb;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-process .py-label{color:#b9afa5}.py-process__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.py-process article{min-height:240px;padding:28px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.py-process article span{font-size:12px;color:#a99d91}.py-process h3{margin:52px 0 12px;font:400 22px Georgia,Yu Mincho,serif}.py-process article p{margin:0;font-size:13px;line-height:1.8;color:#fffc}.py-photo-pair{display:grid;grid-template-columns:1.15fr .75fr;align-items:center;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-photo-pair>div:first-child{aspect-ratio:4/3;overflow:hidden;border-radius:var(--py-radius-card)}.py-photo-pair img{width:100%;height:100%;object-fit:cover}.py-photo-pair .py-ph{height:100%}.py-photo-pair__copy h2{margin:0 0 24px;font:400 clamp(40px,5vw,66px)/1.2 Georgia,"Yu Mincho",serif;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}.py-photo-pair__copy p{color:var(--muted);font-size:var(--py-body-size);line-height:var(--py-body-leading);max-width:var(--py-copy-measure);text-wrap:pretty}.py-cards{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:var(--py-space-xl);padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-cards article{border:1px solid var(--line);border-right:0;padding:32px;min-height:240px}.py-cards article:last-child{border-right:1px solid var(--line)}.py-cards span{font-size:12px;color:#91877e}.py-cards h3{margin:60px 0 14px;font:400 25px/1.4 Georgia,Yu Mincho,serif}.py-cards p{margin:0;color:var(--muted);line-height:1.8}.py-media{background:#26221e;color:#fff;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-media .py-label{color:#b6aba1}.py-media__grid{display:grid;grid-template-columns:1fr 1fr}.py-media__grid a{display:grid;min-height:250px;padding:28px;border-top:1px solid rgba(255,255,255,.17);color:inherit;text-decoration:none}.py-media__grid a:nth-child(odd){border-right:1px solid rgba(255,255,255,.17)}.py-media time{color:#aaa095;font-size:12px}.py-media strong{margin-top:38px;font:400 28px Georgia,Yu Mincho,serif}.py-media p{line-height:1.8;color:#fffc}.py-media a span{align-self:end;font-size:12px;letter-spacing:.15em}.py-base{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);padding:32px 0 var(--py-space-xl)}.py-base:before{content:"";position:absolute;left:50%;top:11%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(77,63,51,.22) 14%,rgba(77,63,51,.22) 86%,transparent);pointer-events:none}.py-base__old,.py-base__next{position:relative;min-width:0}.py-base__old{grid-column:1/span 7;z-index:1}.py-base__next{grid-column:6/-1;z-index:2;margin-top:clamp(110px,10vw,172px)}.py-base__old .py-base__visual{width:92%}.py-base__next .py-base__visual{width:100%;margin-left:auto}.py-base__visual{position:relative;aspect-ratio:16/11;overflow:hidden;background:#e8e0d6;isolation:isolate;border-radius:var(--py-radius-card);box-shadow:none}.py-base__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.34);border-radius:inherit;pointer-events:none;z-index:2}.py-base__visual img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1),filter .9s ease}.py-base__old .py-base__visual img{filter:saturate(.82) contrast(.98)}.py-base__next .py-base__visual img{filter:saturate(.94) contrast(1.02)}.py-base__old:hover .py-base__visual img,.py-base__next:hover .py-base__visual img{transform:scale(1.018)}.py-base__visual .py-ph{height:100%}.py-base h3{margin:10px 0 0;max-width:520px;font:400 clamp(24px,2.2vw,32px)/1.45 Georgia,"Yu Mincho",serif}.py-base .py-label{margin-top:22px;margin-bottom:8px}.py-base__next .py-label,.py-base__next h3{margin-left:clamp(22px,3vw,48px)}.py-base__old:after,.py-base__next:after{content:"";display:block;width:48px;height:1px;margin-top:22px;background:#2d241e4d}.py-base__next:after{margin-left:clamp(22px,3vw,48px)}.py-ph--base-next{background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#26322d,#56635a,#9e917c)}.py-stats{padding:85px 0;background:var(--dark);color:#fff}.py-stats>.py-shell{display:grid;grid-template-columns:1.2fr repeat(3,1fr)}.py-stats div div{padding:24px;border-left:1px solid rgba(255,255,255,.16)}.py-stats div div:last-child{border-right:1px solid rgba(255,255,255,.16)}.py-stats strong{display:block;font:400 44px Georgia,serif}.py-stats span{display:block;margin-top:12px;font-size:11px;color:#fffc}.py-collection{padding:110px 0 145px}.py-collection>header{max-width:780px;margin-bottom:75px}.py-collection>header h1{margin:5px 0 24px;font:400 clamp(52px,7vw,90px) Georgia,"Yu Mincho",serif}.py-collection>header>p:last-child{max-width:560px;color:var(--muted);line-height:2}.py-products{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.py-product-card{color:inherit;text-decoration:none}.py-product-card__visual,.py-product-card>.py-ph{aspect-ratio:4/5;overflow:hidden;border-radius:16px;background:#eee}.py-product-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.py-product-card:hover .py-product-card__visual img{transform:scale(1.025)}.py-product-card>span{display:block;margin-top:15px;color:#91877e;font-size:12px;letter-spacing:.14em}.py-product-card h2{margin:8px 0 5px;font:400 21px/1.4 Georgia,Yu Mincho,serif}.py-product-card--featured h2{font-size:30px}.py-product-card p{margin:0;color:var(--muted);font-size:11px}.py-product-card>.py-ph b{font-size:52px}.py-collection__note{margin-top:100px;padding:35px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.py-collection__note p{max-width:650px;color:var(--muted);line-height:1.8}.py-default{padding:100px 0}@media(max-width:989px){.py-shell{width:min(1320px,calc(100% - var(--py-gutter)*2))}.py-subhero__copy{padding-bottom:clamp(54px,7vw,100px)}.py-intro{display:block;align-items:start;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-intro h2{font:400 clamp(30px,3.8vw,52px)/1.4 var(--py-font-display);margin:8px 0 28px;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}.py-history{padding:90px 0 100px}.py-history article{grid-template-columns:82px 1fr;gap:16px;padding:28px 0}.py-history time{font-size:20px}.py-person{grid-template-columns:1fr;padding:54px 0;gap:28px}.py-photo-pair{grid-template-columns:1fr;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-process{padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-process__grid{grid-template-columns:1fr 1fr}.py-cards{grid-template-columns:1fr;padding-bottom:var(--py-space-xl);padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-cards article{border-right:1px solid var(--line);border-bottom:0;padding:32px;min-height:240px}.py-cards article:last-child{border-bottom:1px solid var(--line)}.py-media{padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}.py-media__grid{grid-template-columns:1fr}.py-media__grid a:nth-child(n){border-right:0}.py-base{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px;padding:32px 0 var(--py-space-xl)}.py-base:before{display:none}.py-base__old{grid-column:1/span 5}.py-base__next{grid-column:2/-1;margin-top:58px}.py-base__old .py-base__visual,.py-base__next .py-base__visual{width:100%}.py-base__next .py-label,.py-base__next h3,.py-base__next:after{margin-left:20px}.py-stats>.py-shell{grid-template-columns:1fr 1fr}.py-stats div div:nth-child(odd){border-right:1px solid rgba(255,255,255,.16)}.py-products{grid-template-columns:1fr 1fr}.py-product-card--featured{grid-column:1/3}.py-collection{padding:85px 0 105px}.py-collection__note{display:block;margin-top:70px}.py-ph b{font-size:44px}}@media(max-width:560px){.py-process__grid,.py-products{grid-template-columns:1fr}.py-product-card--featured{grid-column:auto}.py-media__grid a{min-height:210px}.py-base{display:block;padding-bottom:68px;padding:32px 0 var(--py-space-xl)}.py-base__next{margin-top:42px}.py-base__old .py-base__visual{width:94%}.py-base__next .py-base__visual{width:94%;margin-left:6%}.py-base__next .py-label,.py-base__next h3,.py-base__next:after{margin-left:6%}.py-base__visual{aspect-ratio:4/3;border-radius:var(--py-radius-card);box-shadow:none}.py-stats>.py-shell{grid-template-columns:1fr}.py-stats div div:nth-child(n){border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}}@media(prefers-reduced-motion:reduce){.py-base__visual img{transition:none}}html[lang^=ja] .py-intro{width:min(900px,calc(100% - var(--py-gutter)*2));display:block;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}html[lang^=ja] .py-intro h2{margin:20px 0 28px;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}html[lang^=ja] .py-intro>div{max-width:680px;margin-left:auto}html[lang^=ja] .py-quote blockquote{margin-inline:auto;font-size:var(--py-section-title);line-height:var(--py-heading-leading);max-width:var(--py-title-measure)}html[lang^=zh] .py-subhero__copy{padding-left:28px;border-left:1px solid #ffffff66;margin-block:48px;padding-bottom:0}html[lang^=zh] .py-intro{grid-template-columns:.85fr 1.15fr;border-bottom:1px solid var(--line);padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}html[lang^=zh] .py-intro>.py-label{grid-column:1/-1;color:var(--py-accent);font-weight:400}html[lang^=zh] .py-intro h2{grid-column:1;grid-row:2;margin:0;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}html[lang^=zh] .py-intro>div{grid-column:2;grid-row:2}html[lang^=zh] .py-person__copy{padding-top:28px;border-top:1px solid var(--line)}html[lang^=zh] .py-quote blockquote{padding-left:28px;border-left:2px solid var(--py-accent);letter-spacing:.04em;font-size:var(--py-section-title);line-height:var(--py-heading-leading);max-width:var(--py-title-measure)}html[lang^=en] .py-subhero__copy h1{font-size:var(--py-hero-title);line-height:var(--py-hero-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-hero-measure);font-weight:400;text-wrap:balance}html[lang^=en] .py-subhero__copy span{font-size:var(--py-body-size);line-height:var(--py-body-leading);max-width:var(--py-copy-measure);text-wrap:pretty;margin-top:var(--py-copy-gap)}html[lang^=en] .py-intro{grid-template-columns:.6fr 2fr;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}html[lang^=en] .py-intro h2{grid-column:2;margin:0;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}html[lang^=en] .py-intro>div{grid-column:2;font-size:16px}html[lang^=en] .py-person__copy h3{font-family:var(--py-font-body);font-size:14px;line-height:1.8;letter-spacing:.02em;color:var(--muted)}html[lang^=en] .py-quote blockquote{margin-inline:auto;letter-spacing:-.025em;font-size:var(--py-section-title);line-height:var(--py-heading-leading);max-width:var(--py-title-measure)}@media(max-width:989px){html[lang^=zh] .py-intro,html[lang^=en] .py-intro{display:block;padding:var(--py-space-lg) 0;gap:var(--py-layout-gap)}html[lang^=zh] .py-intro h2,html[lang^=en] .py-intro h2{margin:20px 0 28px;font-size:var(--py-section-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}}@media(max-width:600px){html[lang^=en] .py-subhero__copy h1{font-size:var(--py-hero-title);line-height:var(--py-hero-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-hero-measure);font-weight:400;text-wrap:balance}html[lang^=zh] .py-subhero__copy{padding-left:18px}html[lang^=ja] .py-intro>div{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/putaoyao-brand-page.css.map */