.study20 .p20-products{margin-top:70px;--gold:#d8b66a;--sans:'Zen Kaku Gothic New','Yu Gothic',Meiryo,sans-serif}
.study20 .p20-products>h2{font:600 42px/1.05 var(--display);letter-spacing:.025em;margin:0 0 28px}
.p20-product-row{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:40px;padding:38px 40px;position:relative;isolation:isolate;border-top:1px solid #917042;background:#201329}
.p20-product-row:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#241430e8 22%,#241430f0 48%,#241430 65%),url('products/assets/product20-wave.svg');background-size:auto,80px 80px;pointer-events:none}
.p20-product-row+.p20-product-row{margin-top:30px}
.p20-product-row.p20-studio-row{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.p20-studio-row .p20-product-art{order:-1}
.p20-hub-row .p20-product-name img{width:112px;height:112px}
.p20-product-row.p20-hub-row{grid-template-columns:minmax(0,.57fr) minmax(0,1.43fr);padding:35px 32px;gap:30px;background:#170e20;border-color:#69516a}
.p20-hub-row:before{background:linear-gradient(90deg,#1c1128ef,#1c1128fb 55%),url('products/assets/product20-wave.svg');background-size:auto,64px 64px}
.p20-product-copy{min-width:0}
.p20-copy-phrase{display:inline-block}
.p20-product-kicker{font:600 13px/1.3 var(--display);letter-spacing:.12em;color:#d8b66a;margin:0 0 16px}
.p20-product-name{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:22px}
.p20-product-name img{width:56px;height:56px;object-fit:contain}
.p20-product-name h3{font:600 clamp(42px,4.2vw,60px)/1 var(--display);letter-spacing:.015em;color:#f5e5c2;margin:0}
.p20-product-copy>p:not(.p20-product-kicker){max-width:25em;font-size:14px;line-height:1.95;color:#d2c2dd;margin:0}
.p20-product-entry{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 0;min-height:52px;margin-top:28px;border-block:1px solid #826342;color:#ebc67b;font:600 19px/1.3 var(--display);letter-spacing:.04em}
.p20-product-entry .ui-icon{width:22px;height:22px}
.p20-product-entry:hover{color:#ffe6ac;border-color:#e0b975}
.p20-product-entry:focus-visible{outline:2px solid #ffe6ac;outline-offset:5px}
.p20-product-art{min-width:0;width:100%}
.p20-product-art .p20-gallery{margin-inline:auto}
.p20-product-row .p20-hub-demo{max-width:none}
@media(max-width:1100px){.p20-product-row{padding:30px;gap:30px;grid-template-columns:.8fr 1.2fr}.p20-product-row.p20-hub-row{grid-template-columns:1fr;padding:30px}.p20-hub-row .p20-product-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}.p20-hub-row .p20-product-kicker{grid-column:1/-1}.p20-hub-row .p20-product-name{grid-row:2/4}.p20-hub-row .p20-product-entry{justify-self:start;margin-top:18px}.p20-product-name h3{font-size:48px}.p20-hub-row .p20-product-art{max-width:800px;justify-self:center}}
@media(max-width:760px){.study20 .p20-products{margin-top:52px}.study20 .p20-products>h2{font-size:36px}.p20-product-row,.p20-product-row.p20-hub-row{padding:26px 24px;grid-template-columns:1fr;gap:28px}.p20-product-name{flex-direction:row;align-items:center;gap:15px;margin-bottom:18px}.p20-product-name img{width:40px;height:40px}.p20-product-name h3{font-size:42px}.p20-product-copy>p:not(.p20-product-kicker){max-width:38em}.p20-product-entry{margin-top:20px;min-height:48px;font-size:18px}.p20-hub-row .p20-product-copy{display:block}.p20-product-kicker{font-size:12px}.p20-product-row+.p20-product-row{margin-top:24px}}
@media(max-width:519px){.p20-product-row,.p20-product-row.p20-hub-row{padding:24px 18px}.p20-product-name h3{font-size:35px}.p20-product-name img{width:31px;height:31px}.p20-product-name{gap:12px}.p20-product-entry{width:100%}.p20-product-copy>p:not(.p20-product-kicker){font-size:13px}.p20-product-row.p20-hub-row .p20-product-art{width:calc(100% + 36px);margin-inline:-18px}.p20-hub-row .p20-hub-demo .demo-caption{padding-inline:18px}.p20-hub-row .p20-hub-demo .workspace{border-inline:0;box-shadow:none}}
@media(max-width:360px){.p20-product-name h3{font-size:30px}.p20-product-name img{width:27px;height:27px}.p20-product-name{gap:10px}.p20-product-row,.p20-product-row.p20-hub-row{padding-inline:16px}.p20-product-row.p20-hub-row .p20-product-art{width:calc(100% + 32px);margin-inline:-16px}.p20-hub-row .p20-hub-demo .demo-caption{padding-inline:16px}}
@media(max-width:760px){.p20-product-row.p20-studio-row{grid-template-columns:1fr}.p20-studio-row .p20-product-art{order:1}.p20-hub-row .p20-product-name img{width:54px;height:54px}}
