.g3d-explorer{background:radial-gradient(ellipse at 80% 20%,#33543b 0,transparent 60%),#19392b;padding-block:94px}.g3d-explorer .explorer-layout{grid-template-columns:.85fr 1.2fr;gap:54px}.g3d-explorer .explorer-copy>p:not(.eyebrow){max-width:385px}.g3d-tabs{display:flex;gap:18px;border-bottom:1px solid #b9cea32b;margin-top:28px}.g3d-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#becdb5;font-size:11px;padding:12px 0;white-space:nowrap}.g3d-tabs [aria-selected=true]{color:#d9eb9a;border-color:#d9eb9a}.g3d-detail{margin-top:23px;min-height:116px;max-width:400px}.g3d-detail h3{font:24px/1.25 var(--serif);letter-spacing:-.025em}.g3d-detail p{font-size:12px;line-height:1.85;color:#c4d1bb;margin-top:10px}.g3d-option-group{border:0;padding:0;margin:0 0 19px;min-width:0}.g3d-option-group legend{padding:0;font-size:10px;color:#e4ead9;margin-bottom:9px;letter-spacing:.02em}.g3d-option-group legend span{color:#aebf9f;font-size:9px;padding-left:12px}.g3d-swatch-row{display:flex;gap:8px;flex-wrap:wrap}.g3d-swatch{display:flex;align-items:center;gap:7px;border:1px solid #b2c69d40;border-radius:4px;color:#d9e3d0;background:#ffffff04;padding:7px 9px;font-size:9px;transition:background .2s,border-color .2s}.g3d-swatch i{display:block;width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff30;background:#d2c6aa}.g3d-porcelain i{background:#b7bcba}.g3d-clay i{background:#bb7759}.g3d-swatch[aria-pressed=true]{background:#d9eb9a14;border-color:#d9eb9a;color:#e4f0c1}.g3d-choice-row{display:flex;gap:8px;flex-wrap:wrap}.g3d-choice-row button{border:1px solid #b2c69d40;border-radius:4px;color:#c3d2b8;background:transparent;padding:7px 12px;font-size:10px}.g3d-choice-row button[aria-pressed=true]{border-color:#d9eb9a;color:#e4f0c1;background:#d9eb9a14}.g3d-options{padding-block:2px 0}.g3d-service-link{font-size:11px;margin-top:4px}.g3d-viewer{--paving:#c9bea1;--paving-edge:#a4977d;--paving-dark:#887d68;--foliage:#7c9c56;--foliage-light:#a3b671;--foliage-deep:#46673a;--bloom:#d3c4dc;border:1px solid #abc39235;border-radius:12px;background:linear-gradient(160deg,#0f291a22,#0e261a70);min-width:0;position:relative;box-shadow:0 28px 75px #0c241a30;transition:background 1s}.g3d-viewer[data-material=porcelain],.material-explorer[data-material=porcelain]{--paving:#bcc4bf;--paving-edge:#969f99;--paving-dark:#77817c}.g3d-viewer[data-material=clay],.material-explorer[data-material=clay]{--paving:#bd825f;--paving-edge:#9b6549;--paving-dark:#815139}.g3d-viewer[data-planting=meadow]{--foliage:#92a75a;--foliage-light:#bbc57b;--foliage-deep:#637f42;--bloom:#e4a9c7}.g3d-viewer-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px 0}.g3d-viewer-top>span{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.15em;color:#c7d7b7}.g3d-day-toggle{display:inline-flex;gap:7px;align-items:center;background:#eff8d708;color:#e1edcf;border:1px solid #a3bc8c40;border-radius:20px;font-size:10px;padding:7px 11px}.g3d-day-toggle>span:first-child{font-size:15px;line-height:1}.g3d-day-toggle[aria-pressed=true]{background:#ffe1a81c;border-color:#e7cc8b65;color:#ffe5a6}.g3d-stage{position:relative;height:436px;perspective:1300px;touch-action:pan-y;cursor:grab;isolation:isolate;border-radius:8px;overflow:hidden;outline-offset:-6px!important;--g3d-scale:.91;--g3d-tilt:58deg;--g3d-rotation:-34deg}.g3d-stage.is-dragging{cursor:grabbing}.g3d-stage-halo{position:absolute;left:50%;top:54%;width:440px;height:250px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#b6ce7f1c,transparent 65%);border:1px solid #b2c89a0e;border-radius:50%;box-shadow:0 0 0 30px #c4dbaa04,0 0 0 60px #c4dbaa03;pointer-events:none}.g3d-rig{position:absolute;width:440px;height:370px;left:50%;top:53%;transform-style:preserve-3d;transform:translate(-50%,-40%) scale(var(--g3d-scale)) rotateX(var(--g3d-tilt)) rotateZ(var(--g3d-rotation));transition:transform .7s cubic-bezier(.2,.65,.2,1);will-change:transform}.is-dragging .g3d-rig{transition:none}.g3d-world{position:relative;width:440px;height:370px;transform-style:preserve-3d}.g3d-world *{position:absolute;transform-style:preserve-3d;box-sizing:border-box;pointer-events:none}.g3d-solid{left:var(--x);top:var(--y);width:var(--w);height:var(--d);transform:translateZ(var(--lift));--top:#c0a579;--front:#9b7e57;--side:#7c6244}.g3d-face{display:block;background:var(--front);margin:0;backface-visibility:visible;outline:1px solid transparent}.g3d-top{width:100%;height:100%;transform:translateZ(var(--h));background:var(--top)}.g3d-front,.g3d-back{width:100%;height:var(--h);top:100%;transform-origin:top;transform:rotateX(90deg)}.g3d-back{top:0;background:var(--side)}.g3d-left,.g3d-right{height:100%;width:var(--h);left:100%;top:0;transform-origin:left;transform:rotateY(-90deg);background:var(--side)}.g3d-left{left:0;background:var(--front)}.g3d-foundation{--top:#739653;--front:#5d6347;--side:#424c38}.g3d-foundation .g3d-top{background:linear-gradient(135deg,#8ba465,#61824a)}.g3d-foundation .g3d-front,.g3d-foundation .g3d-right{background-image:linear-gradient(0deg,#00000013 2px,transparent 2px);background-size:100% 7px}.g3d-lawn{inset:0;background:repeating-linear-gradient(90deg,#a9be7130 0 38px,#8fab5d14 38px 76px);transform:translateZ(1px);box-shadow:inset 0 0 40px #3e653230}.g3d-terrace,.g3d-stepping{--top:var(--paving);--front:var(--paving-edge);--side:var(--paving-dark)}.g3d-terrace .g3d-top{background-color:var(--paving);background-image:linear-gradient(90deg,#4d55432b 1px,transparent 1px),linear-gradient(#4d55432b 1px,transparent 1px);background-size:43px 42px;box-shadow:inset 0 0 0 1px #f5f5df30;transition:background-color .5s}.g3d-viewer[data-material=clay] .g3d-terrace .g3d-top{background-size:21px 12px}.g3d-stepping .g3d-top{box-shadow:inset 0 0 0 1px #f5f5df30}.g3d-bed{--top:#3b4a2c;--front:#9d8160;--side:#786246}.g3d-bed .g3d-top{border:4px solid #b69b71;background:radial-gradient(#72824a 1px,transparent 1px),#3b4a2c;background-size:5px 5px}.g3d-bed .g3d-front,.g3d-bed .g3d-right{background-image:linear-gradient(0deg,#5f4d3420 1px,transparent 1px);background-size:100% 9px}.g3d-timber{--top:#bd9b6c;--front:#96754c;--side:#72573b}.g3d-trunk{--top:#957954;--front:#8a6e46;--side:#6a5439}.g3d-table,.g3d-bench{--top:#ba9970;--front:#9c7d55;--side:#7c613f}.g3d-table .g3d-top,.g3d-bench .g3d-top{background:repeating-linear-gradient(90deg,#b79970 0 8px,#8b6e4e 8px 9px)}.g3d-table-leg{--top:#646052;--front:#565548;--side:#3d4438}.g3d-shrub{left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%) translateZ(27px)}.g3d-shrub i{inset:0;border-radius:50% 50% 28% 28%;background:radial-gradient(ellipse at 35% 30%,var(--foliage-light),var(--foliage) 55%,var(--foliage-deep));transform:rotateX(75deg);transform-origin:center bottom}.g3d-shrub i:nth-child(2){transform:rotateZ(60deg) rotateX(75deg)}.g3d-shrub i:nth-child(3){transform:rotateZ(120deg) rotateX(75deg)}.g3d-shrub b{width:7px;height:7px;left:45%;top:50%;border-radius:50%;background:var(--bloom);transform:translateZ(calc(var(--size) * .66));opacity:.4;box-shadow:5px 3px 0 -1px var(--bloom),-4px 1px 0 -1px var(--bloom);transition:opacity .5s}.g3d-viewer[data-planting=meadow] .g3d-shrub b{opacity:1}.g3d-tree{left:var(--x);top:var(--y);width:1px;height:1px}.g3d-canopy{width:66px;height:66px;left:-33px;top:-33px;transform:translateZ(var(--tree-height));animation:g3d-canopy-breeze 7s ease-in-out infinite;transform-origin:center center}.g3d-tree:nth-of-type(even) .g3d-canopy{animation-delay:-3s}.g3d-canopy i{inset:0;border-radius:47% 50% 43% 52%;background:radial-gradient(ellipse at 30% 25%,var(--foliage-light),var(--foliage) 52%,var(--foliage-deep));box-shadow:inset -3px -5px 12px #203b2528}.g3d-canopy i:nth-child(2){transform:rotateX(65deg)}.g3d-canopy i:nth-child(3){transform:rotateY(65deg)}.g3d-canopy i:nth-child(4){transform:rotateX(-65deg)}.g3d-canopy i:nth-child(5){transform:rotateY(-65deg)}.g3d-tree-shadow{width:68px;height:60px;left:0;top:4px;transform:translateZ(2px) rotateZ(20deg);border-radius:50%;background:#243d2737;filter:blur(5px)}.g3d-bollard{--top:#e7e6cd;--front:#465347;--side:#2f3c32}.g3d-lamp{left:var(--x);top:var(--y);width:1px;height:1px}.g3d-lamp-head{width:8px;height:8px;left:-4px;top:-4px;background:#e5e9ce;border-radius:1px;transform:translateZ(26px);transition:background .7s,box-shadow .7s}.g3d-light-pool{width:75px;height:75px;left:-37px;top:-37px;border-radius:50%;background:radial-gradient(#ffe8a777,#ffe8a700 70%);opacity:0;transform:translateZ(6px);transition:opacity .8s}.g3d-string-lights{left:275px;top:191px;width:126px;height:1px;border-top:1px solid #5a654c;transform:translateZ(97px)}.g3d-string-lights i{top:1px;width:5px;height:5px;border-radius:50%;background:#e8e7cb;transform:rotateX(90deg);transition:box-shadow .8s,background .8s}.g3d-string-lights i:nth-child(1){left:9px}.g3d-string-lights i:nth-child(2){left:33px}.g3d-string-lights i:nth-child(3){left:57px}.g3d-string-lights i:nth-child(4){left:81px}.g3d-string-lights i:nth-child(5){left:105px}.g3d-flower-patch{width:30px;height:20px;left:150px;top:40px;transform:translateZ(33px);background:radial-gradient(circle,var(--bloom) 0 2px,transparent 3px);background-size:10px 10px;opacity:.25;transition:opacity .4s}.g3d-patch-two{left:35px;top:172px;width:20px;height:30px}.g3d-viewer[data-planting=meadow] .g3d-flower-patch{opacity:1}.g3d-compass{position:absolute;right:21px;bottom:16px;display:flex;flex-direction:column;align-items:center;color:#a8bd99;font-size:8px;gap:2px;opacity:.65}.g3d-compass b{font-weight:400;letter-spacing:.1em}.g3d-compass i{font-style:normal;font-size:25px;line-height:1;transform:rotate(-34deg)}.g3d-view-controls{display:flex;justify-content:center;gap:6px;padding:0 16px;position:relative;z-index:3}.g3d-view-controls button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;min-width:39px;padding:7px 10px;background:#afc2930a;border:1px solid #bbcf9f33;border-radius:4px;font-size:19px;color:#d9e6c6;transition:background .2s,border-color .2s}.g3d-view-controls button span{font-size:9px}.g3d-view-controls button:hover,.g3d-day-toggle:hover{background:#d9eb9a15;border-color:#b0c88888}.g3d-view-controls [aria-pressed=true]{background:#d9eb9a1c;border-color:#d9eb9a88}.g3d-instructions{text-align:center;font-size:9px;color:#adc09e;padding:12px 10px 17px}.g3d-viewer-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #c2d3a621;padding:17px 22px;font-size:9px;color:#d1dec2}.g3d-viewer-footer p span{display:block;color:#9eb492;font-size:8px;margin-top:3px}.g3d-live-label{font-size:8px;color:#aec399;text-align:right}.g3d-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.g3d-viewer[data-time=evening]{background:linear-gradient(150deg,#102620,#081a20)}.g3d-viewer[data-time=evening] .g3d-foundation .g3d-face,.g3d-viewer[data-time=evening] .g3d-lawn{filter:brightness(.68)}.g3d-viewer[data-time=evening] .g3d-terrace .g3d-top{filter:brightness(.8)}.g3d-viewer[data-time=evening] .g3d-canopy i{filter:brightness(.76)}.g3d-viewer[data-time=evening] .g3d-lamp-head{background:#ffecb4;box-shadow:0 0 15px 7px #ffe49e88}.g3d-viewer[data-time=evening] .g3d-light-pool{opacity:1}.g3d-viewer[data-time=evening] .g3d-string-lights i{background:#ffe6a5;box-shadow:0 0 8px 3px #ffd9778c}.g3d-viewer[data-time=evening] .g3d-stage-halo{background:radial-gradient(ellipse,#ddc8910c,transparent 65%)}.g3d-viewer[data-focus=structure] .g3d-bed .g3d-front,.g3d-viewer[data-focus=structure] .g3d-timber .g3d-front{filter:brightness(1.15)}
@keyframes g3d-canopy-breeze{0%,100%{transform:translateZ(var(--tree-height)) rotateY(-2deg)}50%{transform:translateZ(var(--tree-height)) rotateY(3deg)}}
html[data-motion=paused] .g3d-canopy{animation:none}html[data-motion=paused] .g3d-rig{transition:none}
@media(min-width:1400px){.g3d-stage{--g3d-scale:1.02;height:470px}}
@media(max-width:1100px){.g3d-explorer .explorer-layout{gap:28px;grid-template-columns:.9fr 1.1fr}.g3d-stage{--g3d-scale:.78;height:410px}.g3d-viewer-top{padding:17px 16px 0}.g3d-viewer-top>span{font-size:7px;letter-spacing:.1em}.g3d-view-controls button{padding-inline:8px;gap:5px}.g3d-view-controls button span{font-size:8px}.g3d-tabs{gap:13px}.g3d-tabs button{font-size:10px}.g3d-swatch{padding:7px;font-size:8px;gap:5px}.g3d-viewer-footer{padding:15px 16px}}
@media(max-width:900px){.g3d-explorer .explorer-layout{grid-template-columns:1fr;gap:35px}.g3d-explorer .explorer-copy{max-width:650px}.g3d-explorer .explorer-copy>p:not(.eyebrow){max-width:520px}.g3d-detail{max-width:540px;min-height:95px}.g3d-options{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.g3d-stage{--g3d-scale:1.07;height:440px}.g3d-viewer{max-width:680px;width:100%;margin-inline:auto}.g3d-tabs{gap:28px}.g3d-tabs button{font-size:11px}.g3d-viewer-top>span{font-size:8px}.g3d-swatch{font-size:9px;padding:7px 9px}.g3d-view-controls button span{font-size:9px}.g3d-viewer-footer{padding:17px 22px}}
@media(max-width:650px){.g3d-explorer{padding-block:60px 42px}.g3d-explorer .explorer-copy h2{font-size:41px}.g3d-explorer .explorer-layout{gap:30px}.g3d-options{display:block}.g3d-detail{min-height:120px}.g3d-option-group{margin-bottom:19px}.g3d-stage{--g3d-scale:.68;height:340px}.g3d-rig{top:53%}.g3d-viewer-top{padding:16px 14px 0}.g3d-viewer-top>span{font-size:7px}.g3d-day-toggle{font-size:9px;padding:6px 9px}.g3d-view-controls{gap:5px;padding-inline:10px}.g3d-view-controls button{gap:5px;padding:7px 9px;font-size:17px}.g3d-view-controls button span{font-size:8px}.g3d-instructions{font-size:8px;padding:11px 10px 15px}.g3d-viewer-footer{padding:14px;gap:10px}.g3d-viewer-footer p{font-size:8px}.g3d-viewer-footer p span,.g3d-live-label{font-size:7px}.g3d-compass{right:15px;bottom:11px}.g3d-tabs{gap:23px}.g3d-detail h3{font-size:23px}.g3d-stage-halo{width:300px;height:190px}}
@media(max-width:380px){.g3d-stage{--g3d-scale:.59;height:310px}.g3d-view-controls button{padding:7px 7px}.g3d-viewer-top>span{letter-spacing:.04em}.g3d-day-toggle{gap:4px}.g3d-live-label{max-width:80px}}
@media(prefers-reduced-motion:reduce){.g3d-canopy{animation:none!important}.g3d-rig,.g3d-viewer,.g3d-shrub b,.g3d-lamp-head,.g3d-light-pool,.g3d-string-lights i{transition:none!important}}
.material-explorer{--paving:#c9bea1;--paving-edge:#a4977d;--paving-dark:#887d68;background:#f1f0e7}.material-explorer .section-heading>p{max-width:350px;line-height:1.9}.material-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.material-display{position:relative;min-height:440px;border:1px solid #c6cdbb;border-radius:8px;background:radial-gradient(ellipse at 50% 43%,#e2e5d4 0,#e9eadf 48%,#e3e5d7 100%);perspective:1300px;overflow:hidden}.material-display-index{position:absolute;left:25px;top:23px;font-size:8px;letter-spacing:.16em;color:#7b8b6a}.material-stack{position:absolute;left:50%;top:45%;width:240px;height:180px;transform:translate(-50%,-50%) rotateX(55deg) rotateZ(-32deg);transform-style:preserve-3d}.material-sample{position:absolute;width:240px;height:180px;transform-style:preserve-3d;transform:translateZ(60px);--sample-top:var(--paving);--sample-front:var(--paving-edge);--sample-side:var(--paving-dark)}.material-sample i{position:absolute;transform-style:preserve-3d}.material-sample i:first-child{inset:0;transform:translateZ(14px);background:var(--sample-top);background-image:radial-gradient(#5b60451c 1px,transparent 1px),linear-gradient(90deg,#ffffff12,transparent 70%);background-size:5px 4px,100% 100%;box-shadow:inset 0 0 0 1px #ffffff30;transition:background .5s}.material-sample i:nth-child(2){top:100%;left:0;width:240px;height:14px;transform-origin:top;transform:rotateX(90deg);background:var(--sample-front)}.material-sample i:nth-child(3){top:0;left:100%;width:14px;height:180px;transform-origin:left;transform:rotateY(-90deg);background:var(--sample-side)}.material-sample-middle{transform:translateZ(27px) translateX(-7px);--sample-top:#a8ad9a;--sample-front:#929b85;--sample-side:#75816a}.material-sample-bottom{transform:translateZ(-6px) translateX(-14px);--sample-top:#81916f;--sample-front:#6a7c59;--sample-side:#546746}.material-explorer[data-material=porcelain] .material-sample-active i:first-child{background-size:2px 2px,100% 100%}.material-explorer[data-material=clay] .material-sample-active i:first-child{background-image:linear-gradient(90deg,#5e392c4a 1px,transparent 1px),linear-gradient(#5e392c4a 1px,transparent 1px);background-size:60px 30px}.material-display-caption{position:absolute;left:25px;right:25px;bottom:49px;font:27px/1.3 var(--serif);letter-spacing:-.02em}.material-display>small{position:absolute;left:25px;bottom:27px;font-size:9px;color:#6d7e5d}.material-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:29px}.material-tabs button{display:flex;gap:8px;align-items:center;background:transparent;border:1px solid #bfc8b4;border-radius:30px;font-size:10px;padding:9px 13px;color:#657457}.material-tabs [aria-selected=true]{background:#19392b;border-color:#19392b;color:#eef1e5}.material-tabs button i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff30}.material-dot-limestone{background:#c9bea1}.material-dot-porcelain{background:#b7bfba}.material-dot-clay{background:#bb7b57}.material-panel{min-height:302px}.material-panel .eyebrow{font-size:8px;margin-bottom:13px}.material-panel h3{font:35px/1.13 var(--serif);letter-spacing:-.035em}.material-panel>p:not(.eyebrow){font-size:12px;color:#637257;line-height:1.9;margin-top:19px;max-width:450px}.material-panel dl{margin:21px 0 0;font-size:10px}.material-panel dl>div{display:grid;grid-template-columns:112px 1fr;gap:14px;border-top:1px solid #ccd4c0;padding:10px 0}.material-panel dt{color:#526547}.material-panel dd{margin:0;color:#718062;line-height:1.65}.material-note{font-size:10px;line-height:1.85;color:#6e7d60;margin-top:17px}.material-copy>.text-link{font-size:11px;margin-top:16px}.material-compare{margin-top:40px;border-block:1px solid #bdc8b1}.material-compare>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font-size:12px}.material-compare>summary::-webkit-details-marker{display:none}.material-compare>summary>span{font-size:21px;color:#70875a;transition:transform .2s}.material-compare[open]>summary>span{transform:rotate(45deg)}.material-table-scroll{overflow:auto;margin-bottom:22px}.material-table-scroll table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;min-width:600px}.material-table-scroll caption{text-align:left;font:24px/1.3 var(--serif);margin-bottom:22px}.material-table-scroll th,.material-table-scroll td{padding:16px;border-bottom:1px solid #ccd4c0;vertical-align:top}.material-table-scroll thead th{background:#e5e9db;font-weight:600;color:#3c5732}.material-table-scroll tbody th{font-weight:500;color:#3d5834}.material-table-scroll td{color:#647558}.g3d-explorer:not(.g3d-ready) .g3d-tabs,.g3d-explorer:not(.g3d-ready) .g3d-options,.g3d-explorer:not(.g3d-ready) .g3d-day-toggle,.g3d-explorer:not(.g3d-ready) .g3d-view-controls,.g3d-explorer:not(.g3d-ready) .g3d-instructions{display:none}.g3d-rig{top:46%}
@media(max-width:1100px){.material-layout{gap:40px}.material-display{min-height:420px}.material-panel h3{font-size:32px}.material-tabs{gap:6px}.material-tabs button{font-size:9px;padding:9px 11px}.material-panel dl>div{grid-template-columns:100px 1fr;gap:10px}}
@media(max-width:900px){.material-layout{gap:32px;grid-template-columns:.85fr 1fr}.material-stack{scale:.8}.material-display{min-height:430px}.material-display-index{left:20px;font-size:7px}.material-display-caption{left:20px;font-size:24px}.material-display>small{left:20px}.material-panel h3{font-size:29px}.material-tabs button{font-size:8px;padding:8px 9px;gap:6px}.material-tabs button i{width:10px;height:10px}.material-panel dl>div{display:block}.material-panel dt{margin-bottom:3px}.material-panel{min-height:365px}}
@media(max-width:650px){.material-layout{grid-template-columns:1fr;gap:30px}.material-display{min-height:335px}.material-stack{scale:.85;top:44%}.material-panel{min-height:320px}.material-panel h3{font-size:34px}.material-tabs{gap:8px;margin-bottom:25px}.material-tabs button{font-size:10px;padding:9px 12px;gap:7px}.material-panel dl>div{display:grid;grid-template-columns:105px 1fr}.material-panel dl{font-size:10px}.material-compare{margin-top:30px}.material-compare>summary{font-size:11px}.material-table-scroll caption{font-size:22px}.g3d-rig{top:46%}}
@media(prefers-reduced-motion:reduce){.material-sample i,.material-compare>summary>span{transition:none}}
@media(max-width:650px){.g3d-stage{--g3d-scale:.52}}
@media(max-width:380px){.g3d-stage{--g3d-scale:.43}}

.material-shift .material-sample-active{animation:material-sample-lift .65s ease-in-out}@keyframes material-sample-lift{0%,100%{transform:translateZ(60px)}45%{transform:translateZ(82px)}}html[data-motion=paused] .material-sample-active{animation:none}@media(prefers-reduced-motion:reduce){.material-sample-active{animation:none!important}}