.py-homev2{--ink: var(--py-ink);--muted: var(--py-muted);--paper: var(--py-site-paper);--line: var(--py-line);background:var(--paper);color:var(--ink);overflow:clip}.py-homev2__shell{width:min(1360px,calc(100% - var(--py-gutter)*2));margin-inline:auto}.py-homev2__hero{position:relative;isolation:isolate;height:calc(100svh - 96px);min-height:620px;max-height:960px;display:flex;align-items:flex-end;overflow:hidden;background:#211d18;color:#fff}.py-homev2__hero-media,.py-homev2__hero-media i,.py-homev2__craft-media,.py-homev2__craft-media i{position:absolute;top:0;right:0;bottom:0;left:0}.py-homev2__hero-media{overflow:hidden}.py-homev2__hero-video,.py-homev2__craft-video{display:block;width:100%;height:100%;object-fit:cover}.py-homev2__hero-video{object-position:50% 55%;backface-visibility:hidden;transform:translate3d(0,var(--py-hero-y,0px),0) scale(var(--py-hero-scale,1.04))}.py-homev2__hero-media i{background:linear-gradient(90deg,#0c0a0885,#0c0a0814 78%),linear-gradient(0deg,rgba(12,10,8,.62),transparent 80%)}.py-homev2__hero-copy{position:relative;z-index:4;padding-block:80px 108px;transform:translate3d(0,var(--py-copy-y,0px),0);opacity:var(--py-copy-opacity,1)}.py-homev2__hero-copy>p,.py-homev2__manifest>p,.py-homev2__products header p,.py-homev2__craft-copy>p,.py-homev2__story-copy>p{margin:0 0 24px;font-size:11px;line-height:1.5;letter-spacing:.16em;font-family:var(--py-font-label)}.py-homev2__hero h1{max-width:1050px;margin:0;color:#fff;font:400 clamp(42px,5.1vw,74px)/1.23 var(--py-font-display);letter-spacing:.01em;text-shadow:0 2px 18px #0003}.py-homev2__hero-copy>span{display:block;max-width:540px;margin-top:28px;font-size:14px;line-height:1.95;color:#fffffff0}.py-homev2__hero-copy>div{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:36px}.py-homev2__hero-copy a,.py-homev2__craft-copy a,.py-homev2__story-copy a,.py-homev2__more{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:12px 0;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:13px;line-height:1.6;transition:opacity .25s}.py-homev2__hero-copy a:first-child{background:var(--py-site-paper);color:var(--ink);border:1px solid var(--py-site-paper);padding:14px 24px;min-width:168px;border-radius:var(--py-radius-control)}.py-homev2__hero-copy a:hover,.py-homev2__craft-copy a:hover,.py-homev2__story-copy a:hover,.py-homev2__more:hover{opacity:.75}.py-homev2__manifest{display:grid;grid-template-columns:1fr 3fr;gap:5vw;border-bottom:1px solid var(--line);padding-block:clamp(60px,6vw,88px)}.py-homev2__manifest>p{padding-top:8px;color:var(--muted)}.py-homev2__manifest h2{max-width:850px;margin:0;font:400 clamp(30px,3.7vw,52px)/1.42 var(--py-font-display);letter-spacing:.015em}.py-homev2__manifest span{display:block;max-width:640px;color:var(--muted);line-height:2;font-size:16px;margin-top:24px}.py-homev2__products{width:min(1200px,calc(100% - var(--py-gutter)*2));padding-block:clamp(44px,5vw,68px) clamp(60px,6vw,88px)}.py-homev2__products header{display:grid;align-items:baseline;grid-template-columns:1fr;gap:12px;margin-bottom:28px}.py-homev2__products header p{color:var(--muted);margin:0}.py-homev2__products header h2{margin:0;font:400 clamp(28px,2.8vw,38px)/1.4 var(--py-font-display)}.py-homev2__product-row{display:flex;align-items:flex-start;gap:18px}.py-homev2__product-grid,.py-homev2__product-grid.py-homev2__product-grid--groupfade{display:grid;height:auto;align-items:start;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:22px}.py-homev2__product{display:grid;min-width:0;min-height:0;color:inherit;text-decoration:none;grid-template-rows:auto auto;align-self:start;transition:translate .55s var(--py-ease),scale .55s var(--py-ease);flex:var(--py-image-ratio,1) 1 0%}.py-homev2__product figure{margin:0;width:100%;min-height:0;overflow:hidden;height:auto;aspect-ratio:auto;border-radius:var(--py-radius-card);background:transparent}.py-homev2__product figure img{display:block;width:100%;height:auto;object-fit:contain}.py-homev2__product>div{display:grid;grid-template-columns:1fr;gap:6px;align-content:start;min-height:88px;padding:12px 0 0}.py-homev2__product small{color:var(--muted);font-size:10px;letter-spacing:.1em}.py-homev2__product strong{font:400 clamp(16px,1.3vw,20px)/1.5 var(--py-font-display);color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.py-homev2__product span{color:var(--muted);font-size:12px;line-height:1.5}.py-homev2__more{margin-top:18px}.py-homev2__craft{position:relative;isolation:isolate;min-height:620px;height:78svh;max-height:880px;display:flex;align-items:flex-end;overflow:hidden;background:#201b17;color:#fff}.py-homev2__craft-media i{background:linear-gradient(90deg,#0c0a08b3,#0c0a0824 85%),linear-gradient(0deg,rgba(12,10,8,.42),transparent 80%)}.py-homev2__craft-copy{position:relative;z-index:2;padding-block:80px}.py-homev2__craft-copy h2{max-width:800px;margin:0;color:#fff;font:400 clamp(36px,4.5vw,64px)/1.35 var(--py-font-display)}.py-homev2__craft-copy>span{display:block;max-width:510px;margin-top:28px;color:#ffffffe6;font-size:15px;line-height:1.95}.py-homev2__craft-copy a{margin-top:24px}.py-homev2__story{padding-block:var(--py-space-xl);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8vw;align-items:center}.py-homev2__story-copy>p{color:var(--muted)}.py-homev2__story-copy h2{margin:0;font:400 clamp(30px,3.2vw,46px)/1.5 var(--py-font-display)}.py-homev2__story-copy>span{display:block;margin-top:28px;color:var(--muted);font-size:15px;line-height:2}.py-homev2__story-copy a{margin-top:24px}.py-homev2__story-image{aspect-ratio:5/6;overflow:hidden;background:#eae4db;border-radius:var(--py-radius-panel)}.py-homev2__story-image img{display:block;width:100%;height:100%;object-fit:cover}.py-homev2__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:var(--py-space-xl);gap:32px}.py-homev2__links a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:100px;border-block:1px solid var(--line);color:inherit;text-decoration:none}.py-homev2__links small{font-size:10px;color:var(--muted)}.py-homev2__links strong{font:400 clamp(16px,1.6vw,22px)/1.5 var(--py-font-display)}.py-homev2__links a>span{transition:transform .4s var(--py-ease)}.py-homev2__closing{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(130px,16vw,240px);background:#211d18;color:#fff;text-align:center}.py-homev2__closing-media,.py-homev2__closing-media i{position:absolute;top:0;right:0;bottom:0;left:0}.py-homev2__closing-media{z-index:-1}.py-homev2__closing-media img{display:block;width:100%;height:100%;object-fit:cover}.py-homev2__closing-media i{background:#0f0c0a8f}.py-homev2__closing p{font-size:11px;letter-spacing:.28em}.py-homev2__closing h2{margin:32px 0 0;color:#fff;font:400 clamp(32px,4.3vw,62px)/1.5 var(--py-font-display)}.py-homev2 :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.py-homev2__links a:hover>span{transform:translate(3px,-3px)}}@media(max-width:900px){.py-homev2__hero{height:85svh;min-height:580px}.py-homev2__hero-copy{padding-bottom:92px}.py-homev2__manifest,.py-homev2__products header{grid-template-columns:1fr;gap:20px}.py-homev2__manifest>p{padding:0;margin:0}.py-homev2__product-grid,.py-homev2__product-grid.py-homev2__product-grid--groupfade{height:auto;align-items:start;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:22px}.py-homev2__product figure{height:auto;aspect-ratio:auto;border-radius:var(--py-radius-card);background:transparent}.py-homev2__product>div{min-height:88px;padding:12px 0 0}.py-homev2__story{grid-template-columns:1fr;gap:40px}.py-homev2__story-image{order:-1;aspect-ratio:4/3;border-radius:var(--py-radius-panel)}.py-homev2__links{grid-template-columns:1fr;gap:0}.py-homev2__links a+a{border-top:0}.py-homev2__links strong{font-size:21px}}@media(max-width:560px){.py-homev2__hero{min-height:590px;height:calc(100svh - 78px)}.py-homev2__hero-video{object-position:60% 50%;transform:translate3d(0,var(--py-hero-y,0px),0) scale(var(--py-hero-scale,1.04))}.py-homev2__hero h1{font-size:clamp(32px,8.2vw,42px);line-height:1.4}.py-homev2__hero-copy>span{font-size:13px;max-width:34em}.py-homev2__hero-copy>p{font-size:10px;margin-bottom:20px}.py-homev2__hero-copy>div{gap:16px;margin-top:28px}.py-homev2__hero-copy a{font-size:12px}.py-homev2__hero-copy a:first-child{min-width:0;padding:12px 18px;border-radius:var(--py-radius-control)}.py-homev2__product-grid,.py-homev2__product-grid.py-homev2__product-grid--groupfade{height:auto;align-items:start;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:22px}.py-homev2__product strong{font-size:16px}.py-homev2__craft{height:76svh;min-height:570px}.py-homev2__craft-copy{padding-block:64px}.py-homev2__craft-copy h2{font-size:32px}.py-homev2__craft-copy>span{font-size:14px}}@media(prefers-reduced-motion:reduce){.py-homev2__hero-video,.py-homev2__hero-copy{transform:none;opacity:1}.py-homev2__product figure img,.py-homev2__links a>span{transition:none}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.py-homev2__product:hover{translate:0 -7px;scale:1.018}.py-homev2__product:active{translate:0 -2px;scale:.992}}@media(prefers-reduced-motion:reduce){.py-homev2__product{transition:none;flex:var(--py-image-ratio,1) 1 0%}}@media(max-width:560px){.py-homev2__product-grid,.py-homev2__product-grid.py-homev2__product-grid--groupfade{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.py-homev2__product-row{display:contents;gap:18px}.py-homev2__product-row:last-child .py-homev2__product:last-child{grid-column:1/-1}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/putaoyao-editorial-home.css.map */