.vu-page{--vu-ink: #171715;--vu-muted: #68645c;--vu-paper: #f5f2e9;--vu-yellow: #ffc928;--vu-line: #ddd8cc;--vu-max: 1180px;color:var(--vu-ink);background:#fff;font-family:var(--font-body-family, "Noto Sans JP", "Yu Gothic", sans-serif);line-height:1.85;letter-spacing:.035em;overflow:hidden}.vu-page *,.vu-page *:before,.vu-page *:after{box-sizing:border-box}.vu-page img{display:block;width:100%;height:auto}.vu-page a{color:inherit}.vu-wrap{width:min(calc(100% - 40px),var(--vu-max));margin-inline:auto}.vu-eyebrow{margin:0 0 12px;color:#a97700;font-size:12px;font-weight:900;letter-spacing:.18em}.vu-page h1{margin:0 0 24px;color:#fff;font-size:clamp(44px,6vw,74px);line-height:1.18;letter-spacing:.01em}.vu-page h2{margin:0 0 18px;font-size:clamp(30px,4vw,48px);line-height:1.35}.vu-page h3{margin:0 0 10px;font-size:23px;line-height:1.45}.vu-page p{margin:0 0 20px}.vu-hero{color:#fff;background:#171817}.vu-hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-block:78px}.vu-hero .vu-eyebrow{color:var(--vu-yellow)}.vu-hero-lead{max-width:620px;color:#dedbd3;font-size:clamp(19px,2.2vw,27px);font-weight:800}.vu-hero-body{max-width:590px;color:#bdb9b0;font-size:15px}.vu-hero-products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;transform:rotate(1.5deg)}.vu-hero-product{margin:0;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 20px 42px #0000004d}.vu-hero-product:nth-child(2n){transform:translateY(28px)}.vu-hero-product img{aspect-ratio:1;object-fit:contain;padding:18px;background:#fff}.vu-hero-product figcaption{padding:10px 13px;color:#161616;font-size:11px;font-weight:850}.vu-anchor{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--vu-line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vu-anchor-inner{display:flex;gap:30px;padding:14px 0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:13px;font-weight:850}.vu-anchor-inner::-webkit-scrollbar{display:none}.vu-anchor a{text-decoration:none}.vu-section{padding:104px 0}.vu-soft{background:var(--vu-paper)}.vu-dark{color:#fff;background:#171817}.vu-dark h2,.vu-dark h3,.vu-dark strong{color:#fff!important}.vu-head{max-width:790px;margin-bottom:48px}.vu-lead{color:var(--vu-muted);font-size:17px}.vu-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vu-choice-card{min-height:350px;border-radius:26px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.vu-choice-card:first-child{color:#fff;background:#171817}.vu-choice-card:last-child{background:#fff0bd}.vu-choice-label{font-size:clamp(42px,6vw,68px);font-weight:950;line-height:1}.vu-choice-card:first-child .vu-choice-label{color:var(--vu-yellow)}.vu-choice-copy{max-width:500px;font-size:20px;font-weight:850}.vu-choice-detail{margin:0;opacity:.72;font-size:14px}.vu-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vu-step{position:relative;min-height:300px;border:1px solid #3b3b38;border-radius:22px;padding:28px 24px;background:#222321}.vu-step b{display:block;margin-bottom:34px;color:var(--vu-yellow);font-size:13px;letter-spacing:.16em}.vu-step strong{display:block;margin-bottom:16px;font-size:26px;line-height:1.35}.vu-step p{margin:0;color:#c9c5bc;font-size:13px}.vu-tips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.vu-tip{border-left:5px solid var(--vu-yellow);border-radius:12px;padding:24px 26px;background:#2a2b29}.vu-tip h3{color:#fff!important;font-size:18px}.vu-tip p{margin:0;color:#c9c5bc;font-size:13px}.vu-scenes{display:grid;gap:22px}.vu-scene{border:1px solid var(--vu-line);border-radius:26px;padding:34px;background:#fff}.vu-scene-head{display:grid;grid-template-columns:.5fr 1fr;gap:30px;align-items:end;margin-bottom:26px}.vu-scene-tag{color:#a97700;font-size:11px;font-weight:900;letter-spacing:.17em}.vu-scene-head p{margin:0;color:var(--vu-muted);font-size:14px}.vu-products{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.vu-product{min-width:0;border-radius:15px;padding:12px 10px 14px;text-decoration:none;background:var(--vu-paper);transition:transform .2s ease,box-shadow .2s ease}.vu-product:hover{transform:translateY(-3px);box-shadow:0 12px 24px #14140f1a}.vu-product img{aspect-ratio:1;object-fit:contain;background:#fff}.vu-product span{display:block;margin-top:10px;font-size:10px;font-weight:850;line-height:1.45}.vu-matrix-shell{overflow:hidden;border:1px solid var(--vu-line);border-radius:22px;background:#fff}.vu-matrix-scroll{overflow-x:auto}.vu-matrix{width:100%;min-width:1050px;border-collapse:collapse;font-size:12px}.vu-matrix th,.vu-matrix td{min-width:76px;border-right:1px solid var(--vu-line);border-bottom:1px solid var(--vu-line);padding:15px 10px;text-align:center}.vu-matrix th:first-child,.vu-matrix td:first-child{position:sticky;left:0;z-index:2;min-width:250px;text-align:left;background:#fff}.vu-matrix thead th{color:#fff;background:#1d1e1c;font-weight:850}.vu-matrix thead th:first-child{background:#1d1e1c}.vu-matrix tbody tr:last-child td{border-bottom:0}.vu-mark-best{color:#8a6000;background:#fff4c9;font-size:18px;font-weight:950}.vu-mark-good{color:#55514a;background:#f4f1e8;font-size:18px;font-weight:950}.vu-legend{margin-bottom:15px;color:var(--vu-muted);font-size:13px}.vu-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.vu-note{border-left:4px solid var(--vu-yellow);padding:16px 20px;background:#f7f5ef;color:#5d5951;font-size:12px}.vu-cta{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vu-cta a{min-height:180px;border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;background:#252625}.vu-cta span{color:var(--vu-yellow);font-size:12px;font-weight:900}.vu-cta strong{color:#fff;font-size:23px}@media(max-width:900px){.vu-hero-grid{grid-template-columns:1fr;gap:48px}.vu-timeline{grid-template-columns:1fr 1fr}.vu-products{grid-template-columns:repeat(4,1fr)}.vu-scene-head{grid-template-columns:1fr;gap:8px}}@media(max-width:640px){.vu-wrap{width:min(calc(100% - 28px),var(--vu-max))}.vu-page h1{font-size:clamp(37px,11vw,48px)}.vu-section{padding:72px 0}.vu-hero-grid{min-height:auto;padding-block:64px 76px}.vu-hero-lead{font-size:20px}.vu-hero-products{width:94%;margin-inline:auto;gap:9px}.vu-choice,.vu-timeline,.vu-tips,.vu-notes,.vu-cta{grid-template-columns:1fr}.vu-choice-card{min-height:290px;padding:28px}.vu-products{grid-template-columns:repeat(2,1fr)}.vu-scene{padding:24px 18px}.vu-matrix th:first-child,.vu-matrix td:first-child{min-width:180px}.vu-cta strong{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-vespa-use-guide.css.map */