.blueprint-page .breadcrumbs{padding:22px 0 8px;font-size:12px;color:#777}.breadcrumbs a{text-decoration:none}.breadcrumbs span{margin-left:9px}.blueprint-intro{display:grid;grid-template-columns:1.45fr .7fr;gap:80px;padding:100px!important;background:#fff}.blueprint-intro h2{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.045em;margin:12px 0}.blueprint-sections{background:#deded6;padding:90px 0}.blueprint-sections article{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:40px 0;border-bottom:1px solid #0002}.blueprint-sections article>b{color:var(--orange);font-size:13px}.blueprint-sections h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.035em;margin:0 0 12px}.blueprint-sections p{font-size:18px;color:#555;max-width:780px;margin:0}.related-paths{padding:90px!important;background:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.related-grid a{min-height:145px;padding:28px;border:1px solid #d3d3ce;border-radius:22px;text-decoration:none;display:flex;justify-content:space-between;align-items:flex-end;font-size:20px;font-weight:800;transition:.25s}.related-grid a:hover{background:#171717;color:#fff;transform:translateY(-4px)}.content-body{padding:80px!important;background:#fff}@media(max-width:800px){.blueprint-intro{grid-template-columns:1fr;gap:35px;padding:50px 24px!important}.related-grid{grid-template-columns:1fr}.related-paths{padding:50px 24px!important}.blueprint-sections article{grid-template-columns:46px 1fr}.blueprint-page .breadcrumbs{padding-inline:14px}}
/* Pricing introduction with an interactive product example. */
.blueprint-intro-with-viewer{grid-template-columns:minmax(0,.75fr) minmax(480px,1.25fr);grid-template-rows:auto 1fr;gap:28px 70px}.blueprint-intro-with-viewer>article{grid-column:1;grid-row:1}.blueprint-intro-with-viewer>.fact-card{grid-column:1;grid-row:2}.blueprint-intro-viewer{grid-column:2;grid-row:1/span 2;align-self:stretch;display:flex;min-width:0;min-height:650px;margin:0;flex-direction:column;border:1px solid #d7d7d7;background:#fff}.blueprint-intro-viewer .garden-viewer{min-height:0;height:auto;flex:1;background:#fff}.blueprint-intro-viewer figcaption{padding:13px 16px;background:#111;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.06em;text-align:center;text-transform:uppercase}
.blueprint-intro-video video{display:block;width:100%;min-height:0;flex:1;object-fit:contain;background:#fff}
.blueprint-intro-still img{display:block;width:100%;min-height:0;flex:1;object-fit:contain;background:#fff}
.still-angle-showcase{padding:90px 0;background:#111;color:#fff}.still-angle-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:20px 70px;align-items:end;margin-bottom:38px}.still-angle-copy .eyebrow{grid-column:1/-1}.still-angle-copy h2{margin:0;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.045em}.still-angle-copy p{margin:0;color:#bbb;font-size:17px}.still-delivery-presets{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.still-delivery-presets button{padding:13px 18px;border:1px solid #ffffff42;border-radius:999px;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.25s}.still-delivery-presets button:hover,.still-delivery-presets button:focus,.still-delivery-presets button.is-active{border-color:var(--orange);background:var(--orange);color:#111}.still-angle-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:center}.still-angle-grid figure{position:relative;z-index:1;margin:0;overflow:hidden;border:2px solid transparent;border-radius:9px;background:#fff;opacity:.42;transform:scale(.94);transition:transform .3s ease,opacity .3s ease,border-color .3s ease,box-shadow .3s ease}.still-angle-grid figure.is-picked{z-index:3;border-color:var(--orange);opacity:1;transform:scale(1.07);box-shadow:0 10px 24px #0008}.still-angle-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.still-angle-grid figcaption{display:flex;gap:4px;padding:5px;background:#f4f4f1;color:#222;font-size:8px;line-height:1.05}.still-angle-grid figcaption b{color:var(--orange)}
.product-motion-showcase{padding:90px 0;background:#111;color:#fff}.product-motion-showcase h2{max-width:850px;margin:12px 0 38px;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.045em}.product-motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-motion-grid figure{margin:0;overflow:hidden;border:1px solid #ffffff26;border-radius:22px;background:#fff}.product-motion-grid video{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}.product-motion-grid figcaption{min-height:72px;padding:18px 20px;background:#1a1a1a;color:#ddd;font-size:14px;line-height:1.4}
@media(max-width:800px){.blueprint-intro-with-viewer{grid-template-columns:1fr;grid-template-rows:auto}.blueprint-intro-with-viewer>article,.blueprint-intro-with-viewer>.fact-card,.blueprint-intro-viewer{grid-column:1;grid-row:auto}.blueprint-intro-viewer{min-height:480px}}
@media(max-width:800px){.product-motion-showcase{padding:60px 0}.product-motion-grid{grid-template-columns:1fr}}
@media(max-width:800px){.still-angle-showcase{padding:60px 0}.still-angle-copy{grid-template-columns:1fr}.still-angle-copy .eyebrow{grid-column:auto}.still-angle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.still-angle-grid figure.is-picked{transform:scale(1.04)}}
@media(max-width:520px){.still-angle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.still-delivery-presets{display:grid;grid-template-columns:1fr}}
.product-hotspot-showcase{padding:100px 0;background:#eeeae2}.hotspot-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:20px 70px;align-items:end;margin-bottom:42px}.hotspot-copy .eyebrow{grid-column:1/-1}.hotspot-copy h2{margin:0;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.045em}.hotspot-copy p{margin:0;color:#595959;font-size:17px}.hotspot-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:28px;align-items:stretch}.hotspot-image{position:relative;margin:0;overflow:hidden;border-radius:24px;background:#fff}.hotspot-image>img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.hotspot-dot{position:absolute;left:var(--x);top:var(--y);z-index:2;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%)}.hotspot-dot i{display:grid;width:34px;height:34px;border:3px solid #fff;border-radius:50%;place-items:center;background:#111;color:#fff;font-style:normal;font-size:11px;font-weight:900;box-shadow:0 4px 18px #0005;transition:.25s}.hotspot-dot b{max-width:165px;padding:8px 10px;border-radius:8px;background:#111;color:#fff;font-size:11px;opacity:0;transform:translateX(-6px);transition:.25s;pointer-events:none}.hotspot-dot:after{content:"";position:absolute;left:17px;top:17px;width:34px;height:34px;border:2px solid var(--orange);border-radius:50%;transform:translate(-50%,-50%) scale(.6);opacity:0}.hotspot-dot.is-active i{background:var(--orange);color:#111;transform:scale(1.15)}.hotspot-dot.is-active b{opacity:1;transform:none}.hotspot-dot.is-active:after{animation:hotspot-pulse 1.6s ease-out infinite}.hotspot-options{display:flex;flex-direction:column;justify-content:center;gap:12px}.hotspot-options button{display:grid;grid-template-columns:42px 1fr;gap:12px;width:100%;padding:22px;border:1px solid #cbc8c0;border-radius:18px;background:#fff;color:#111;text-align:left;cursor:pointer;transition:.25s}.hotspot-options button>b{color:var(--orange);font-size:12px}.hotspot-options button span{display:grid;gap:7px}.hotspot-options strong{font-size:20px}.hotspot-options small{color:#666;font-size:14px;line-height:1.45}.hotspot-options button:hover,.hotspot-options button:focus,.hotspot-options button.is-active{border-color:#111;background:#111;color:#fff;transform:translateX(-8px)}.hotspot-options button:hover small,.hotspot-options button:focus small,.hotspot-options button.is-active small{color:#ccc}@keyframes hotspot-pulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}
@media(max-width:800px){.product-hotspot-showcase{padding:65px 0}.hotspot-copy,.hotspot-layout{grid-template-columns:1fr}.hotspot-copy .eyebrow{grid-column:auto}.hotspot-options button:hover,.hotspot-options button:focus,.hotspot-options button.is-active{transform:none}}
@media(max-width:520px){.hotspot-dot b{display:none}.hotspot-dot i{width:30px;height:30px}.hotspot-options button{padding:17px}.hotspot-options strong{font-size:17px}}
@media(max-width:560px){.blueprint-intro-viewer{min-height:380px}}