.sg3{--bg:#fff;--bg2:#f5f5f7;--ink:#1d1d1f;--ink2:#6e6e73;--line:rgba(0,0,0,.08);--accent:#1d1d1f;--on-accent:#fff;--link:#2e7d57;--dark:#1d1d1f;--on-dark:#f5f5f7;--on-dark2:#ccc;--ease:cubic-bezier(.23,1,.32,1);color:var(--ink);font:400 17px/1.47 system-ui,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-transform:none;letter-spacing:normal}.sg3 *,.sg3 *:before,.sg3 *:after{box-sizing:border-box}.sg3 img{display:block;max-width:100%;height:auto}.sg3 h1,.sg3 h2,.sg3 h3,.sg3 h4,.sg3 p,.sg3 ul,.sg3 ol,.sg3 figure{margin:0;padding:0;font-family:inherit;text-transform:none;color:inherit}.sg3 ul{list-style:none}.sg3 a{color:var(--link);text-underline-offset:3px}.sg3 .wrap{width:min(1180px,100%);margin:0 auto;padding:0 24px}.sg3 .center{text-align:center}.sg3 .num{font-variant-numeric:tabular-nums}.sg3 .s-white{background:var(--bg);--card:var(--bg2)}.sg3 .s-perla{background:var(--bg2);--card:var(--bg)}.sg3 .s-dark{background:var(--dark);color:var(--on-dark)}.sg3 .block{padding:80px 0}@media(max-width:760px){.sg3 .block{padding:48px 0}}.sg3 h1{font-weight:600;font-size:clamp(40px,5vw,60px);line-height:1.07;letter-spacing:-.022em;text-wrap:balance}.sg3 h2{font-weight:600;font-size:clamp(32px,4.2vw,44px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.sg3 h3{font-weight:600;font-size:24px;line-height:1.2;letter-spacing:-.012em;text-wrap:balance}.sg3 h4{font-weight:600;font-size:17px;line-height:1.3}.sg3 .sub{font-size:24px;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}.sg3 .lead{font-size:20px;line-height:1.4;color:var(--ink2);margin-top:16px;max-width:42rem;text-wrap:balance}.sg3 .center .lead{margin-left:auto;margin-right:auto}.sg3 .small{font-size:13px;line-height:1.45;color:var(--ink2)}@media(max-width:760px){.sg3 .sub{font-size:20px}.sg3 .lead{font-size:19px}}.sg3 .hero{position:relative;min-height:min(88vh,820px);display:grid;align-items:start;overflow:hidden;background:#b9b9bd}.sg3 .hero picture,.sg3 .hero>picture img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sg3 .hero>picture img{object-fit:cover;object-position:50% 18%}.sg3 .hero-copy{position:relative;z-index:1;width:100%;padding:clamp(40px,10vh,120px) clamp(24px,7vw,120px) 0}.sg3 .hero-copy .inner{max-width:min(40vw,460px);color:#1d1d1f}.sg3 .hero-copy .sub{margin-top:16px}@media(max-width:760px),(orientation:portrait){.sg3 .hero{align-items:end;min-height:min(88vh,720px)}.sg3 .hero-copy{padding:0 24px}.sg3 .hero>picture img{object-position:74% 12%}.sg3 .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(to top,#0009,#0000)}.sg3 .hero-copy .inner{max-width:none;color:#fff;padding-bottom:40px}}.sg3 .tabs{display:inline-flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:999px;margin-top:32px;max-width:100%}.sg3 .tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);font:600 15px/1 inherit;font-family:inherit;min-height:44px;padding:0 20px;border-radius:999px;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s var(--ease);white-space:nowrap}.sg3 .tab[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.sg3 .tab:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.sg3 .tab[aria-selected=false]:hover{background:var(--bg2)}}.sg3 .mstage{display:grid;margin-top:48px;overflow:hidden}.sg3 .mpanel{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility 0s linear .5s}.sg3 .mpanel.is-active{opacity:1;visibility:visible;transition:opacity .9s cubic-bezier(.22,.61,.36,1) .18s,visibility 0s}.sg3 .mpanel .cut,.sg3 .mpanel .mtext{transform:translateY(18px) scale(.985);filter:blur(8px);transition:transform .5s ease,filter .5s ease}.sg3 .mpanel.is-active .cut{transform:none;filter:none;transition:transform 1s cubic-bezier(.22,.61,.36,1) .18s,filter .9s ease .18s}.sg3 .mpanel.is-active .mtext{transform:none;filter:none;transition:transform 1s cubic-bezier(.22,.61,.36,1) .32s,filter .9s ease .32s}.sg3 .mpanel .mbanner{transform:scale(1.06);transition:transform .5s ease}.sg3 .mpanel.is-active .mbanner{transform:none;transition:transform 1.6s cubic-bezier(.22,.61,.36,1) .18s}.sg3 .mpanel .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.sg3 .cut img{width:100%;filter:drop-shadow(3px 5px 15px rgba(0,0,0,.22))}.sg3 .mtext .sub{margin-top:12px}.sg3 .mtext p.fit{margin-top:16px;color:var(--ink2)}.sg3 .spec{border-collapse:collapse;margin-top:24px;width:100%;background:none;border:0}.sg3 .spec th,.sg3 .spec td{text-align:left;padding:8px 12px 8px 0;font-variant-numeric:tabular-nums;vertical-align:baseline;border:0;font-size:17px}.sg3 .spec thead th{font-size:15px;font-weight:600;color:var(--ink2);padding-bottom:4px}.sg3 .spec tbody th{font-weight:600}.sg3 .spec td{white-space:nowrap}.sg3 .mbanner{width:100%;height:clamp(220px,30vw,400px);object-fit:cover;margin-top:64px}@media(max-width:860px){.sg3 .spec th,.sg3 .spec td{padding:6px 8px 6px 0;font-size:15px}.sg3 .spec td{white-space:normal}.sg3 .mpanel .wrap{grid-template-columns:1fr;gap:24px}.sg3 .mbanner{margin-top:40px;height:260px;object-position:center 30%}.sg3 .tabs{display:flex;width:100%}.sg3 .tab{flex:1;padding:0 8px}}.sg3 .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:48px}.sg3 .cell{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.sg3 .cell .ph{height:360px;overflow:hidden;background:var(--card)}.sg3 .cell .ph img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 50%}.sg3 .c1 .ph img{object-position:0% 50%}.sg3 .c3 .ph img{object-position:60% 25%}.sg3 .c4 .ph img{object-position:50% 30%}.sg3 .c5 .ph img{object-position:50% 35%}.sg3 .cell .tx{padding:20px 28px 28px}.sg3 .cell .tx p{margin-top:8px;color:var(--ink2)}.sg3 .c1{grid-column:1/8;grid-row:1}.sg3 .c4{grid-column:8/13;grid-row:1}.sg3 .c2{grid-column:1/6;grid-row:2}.sg3 .c3{grid-column:6/13;grid-row:2}.sg3 .c5{grid-column:1/8;grid-row:3}.sg3 .c6{grid-column:8/13;grid-row:3}@media(max-width:860px){.sg3 .bento{grid-template-columns:1fr;margin-top:32px}.sg3 .c1,.sg3 .c2,.sg3 .c3,.sg3 .c4,.sg3 .c5,.sg3 .c6{grid-column:auto;grid-row:auto}.sg3 .cell .ph{height:280px}}.sg3 .cam{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.sg3 .cam .photo{position:relative;min-height:420px}.sg3 .cam .photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%}.sg3 .cam .copy{padding:80px max(24px,calc((100vw - 1180px)/2)) 80px 64px;align-self:center}.sg3 .cam .lead{color:var(--on-dark2)}.sg3 .modes{margin-top:32px;display:grid;gap:16px}.sg3 .modes h4{color:var(--on-dark)}.sg3 .modes p{color:var(--on-dark2)}@media(max-width:860px){.sg3 .cam{grid-template-columns:1fr}.sg3 .cam .photo{min-height:0;aspect-ratio:4/3}.sg3 .cam .copy{padding:40px 24px 48px}}.sg3 .ai{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.sg3 .aic{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 12px 24px}.sg3 .aic img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}.sg3 .aic h4{margin:20px 12px 0}.sg3 .aic p{margin:8px 12px 0;color:var(--ink2)}.sg3 .aic:nth-child(3) img{object-position:62% 30%}.sg3 .aic:nth-child(4) img{object-position:35% 25%}@media(max-width:1000px){.sg3 .ai{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-24px;margin-right:-24px;padding:0 24px 8px;scroll-padding:0 24px;-webkit-overflow-scrolling:touch}.sg3 .aic{flex:0 0 min(78vw,320px);scroll-snap-align:start}}.sg3 .capg{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;gap:16px;margin-top:48px}.sg3 .capc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 28px 28px;display:flex;flex-direction:column;justify-content:space-between}.sg3 .capc img{flex:1 1 auto;width:100%;height:100%;min-height:150px;max-height:300px;object-fit:contain;margin:8px 0 12px}.sg3 .capc.big{grid-row:1/3}.sg3 .capc.big img{max-height:460px}.sg3 .capc p{color:var(--ink2);margin-top:6px}@media(max-width:860px){.sg3 .capg{grid-template-columns:1fr}.sg3 .capc.big{grid-row:auto}}.sg3 .grad{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 32px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.sg3 .grad p{color:var(--ink2);margin-top:6px}.sg3 .grad .contact{color:var(--ink)}.sg3 .grad .contact a{font-weight:600}@media(max-width:760px){.sg3 .grad{grid-template-columns:1fr;padding:24px}}.sg3 .cmp{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--card);border:1px solid var(--line);margin-top:40px}.sg3 .cmp th,.sg3 .cmp td{text-align:left;padding:18px 20px;vertical-align:top;border:0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;font-size:17px}.sg3 .cmp thead th{border-top:0;font-size:17px}.sg3 .cmp thead th.g3{color:var(--link)}.sg3 .cmp tbody th{font-weight:600}.sg3 .cmp col.c0{width:26%}.sg3 .cmp td.g3{font-weight:600}.sg3 .cmp-wrap{border-radius:18px;overflow:hidden;border:1px solid var(--line);margin-top:40px}.sg3 .cmp-wrap .cmp{margin-top:0;border:0}.sg3 .cmp-note{margin-top:20px;color:var(--ink2)}@media(max-width:760px){.sg3 .cmp th,.sg3 .cmp td{padding:12px 10px;font-size:15px;overflow-wrap:anywhere}.sg3 .cmp col.c0{width:32%}}.sg3 .faq{max-width:820px;margin:40px auto 0}.sg3 .faq details{border-top:1px solid var(--line)}.sg3 .faq details:last-child{border-bottom:1px solid var(--line)}.sg3 .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-weight:600;font-size:19px;line-height:1.3;min-height:44px}.sg3 .faq summary::-webkit-details-marker{display:none}.sg3 .faq summary:after{content:"";flex:0 0 14px;height:14px;background:linear-gradient(var(--ink),var(--ink)) center/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 100% no-repeat;transition:transform .2s var(--ease)}.sg3 .faq details[open] summary:after{transform:rotate(45deg)}.sg3 .faq .a{padding:0 40px 24px 0;color:var(--ink2)}.sg3.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:var(--d,0ms)}.sg3.js .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.sg3.js .reveal{transform:none;transition:opacity .2s ease}.sg3 .mpanel,.sg3 .mpanel.is-active,.sg3 .mpanel .cut,.sg3 .mpanel .mtext,.sg3 .mpanel .mbanner{transform:none!important;filter:none!important;transition:opacity .15s ease,visibility 0s}.sg3 .tab,.sg3 .faq summary:after{transition:none}}.sg3-end{padding:0 0 64px}.sg3-end .grad{margin-top:8px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sg-rbm-gen3.css.map */