.guide-slideshow{--slide-gold:#f2c34e;--slide-paper:var(--paper);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:24px 0 40px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink)}.guide-picture{background:rgba(218,168,40,.09);border-radius:18px}.guide-picture svg{display:block;width:100%;max-height:280px}.guide-picture text{fill:currentColor;stroke:none;text-anchor:middle;font:700 16px Arial,sans-serif}.guide-copy h2{font-size:26px;line-height:1.2;margin:12px 0}.guide-description{line-height:1.6;min-height:76px}.guide-count{font-size:12px;letter-spacing:2px;color:var(--muted)}.guide-controls{display:flex;align-items:center;gap:14px;margin-top:20px}.guide-controls>button{min-width:40px;min-height:40px;font-size:24px;padding:4px}.guide-dots{display:flex;gap:4px}.guide-dots button{border:0;background:transparent;padding:10px 5px;min-height:36px}.guide-dots button:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:var(--muted)}.guide-dots button[aria-current=true]:after{background:#b98600;width:20px;border-radius:6px}@media(max-width:650px){.guide-slideshow{grid-template-columns:1fr;gap:18px;padding:20px}.guide-picture svg{max-height:200px}.guide-copy h2{font-size:23px}.guide-description{min-height:0}}
.guide-picture{overflow:hidden;position:relative}.guide-scene{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.guide-card-pair{display:flex;justify-content:center;gap:14px;padding:14px}.guide-card-pair img{width:calc(50% - 7px);height:190px;object-fit:contain;border-radius:8px}.guide-second-pair{padding-top:0}.guide-picture:has(.guide-card-pair){display:grid;grid-template-columns:1fr 1fr}.guide-picture:has(.guide-card-pair) .guide-card-pair{padding:12px 6px;gap:6px}.guide-picture:has(.guide-card-pair) img{width:calc(50% - 3px);height:240px}@media(max-width:650px){.guide-picture:has(.guide-card-pair) img{height:200px}}
.guide-picture:has(.confirm-demo){display:block;background:rgba(218,168,40,.05)}.confirm-demo{padding:18px}.confirm-caption{font-size:11px;letter-spacing:1.5px;font-weight:700;margin:0 0 12px}.confirm-card-tabs{display:flex;gap:8px}.confirm-card-tabs button{padding:8px 12px;min-height:36px;font-size:12px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink)}.confirm-card-tabs button[aria-pressed=true]{background:#f2c34e;color:#111}.confirm-photo-pair{display:flex;gap:12px;justify-content:center;padding:14px 0}.confirm-photo-pair figure{margin:0;flex:1;min-width:0;text-align:center}.confirm-photo-pair img{display:block;width:100%;height:210px;object-fit:contain}.confirm-photo-pair figcaption{font-size:12px;margin-top:6px;color:var(--muted)}.confirm-example{border-top:1px solid var(--line);padding-top:10px}.confirm-example p{font-size:12px;line-height:1.5}.confirm-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-fields label{display:block;font-size:11px;color:var(--muted)}.confirm-fields input{width:100%;box-sizing:border-box;font-size:13px;padding:8px;margin-top:4px;min-height:36px;border-radius:8px}.confirm-example>.primary{margin-top:14px;width:100%;min-height:40px;font-size:13px}.confirm-demo .confirm-feedback{margin-bottom:0}@media(max-width:650px){.confirm-photo-pair img{height:180px}}
.guide-picture>img,.guide-picture>.confirm-demo{animation:guide-reveal .45s ease-out}.guide-playback{margin-left:auto}@keyframes guide-reveal{from{opacity:.25;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.guide-picture>img,.guide-picture>.confirm-demo{animation:none}}html.reduce-motion .guide-picture>*{animation:none}
.guide-slideshow{align-items:start;overflow-anchor:none}.guide-picture{height:460px;min-width:0}.guide-picture .guide-scene{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.guide-picture .confirm-demo{height:100%;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}.guide-copy{min-height:290px}.guide-description{min-height:104px}.guide-copy h2{min-height:64px}.confirm-photo-pair img{height:155px}@media(max-width:650px){.guide-picture{height:340px}.guide-copy{min-height:280px}.guide-description{min-height:100px}.guide-copy h2{min-height:56px}.confirm-photo-pair img{height:130px}}
.guide-picture>.guide-frame{position:absolute;inset:0;width:100%;height:100%;animation:none!important;background:var(--paper);overflow:hidden;will-change:transform}.guide-frame>.confirm-demo{height:100%;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;background:rgba(218,168,40,.05)}.guide-frame>.guide-scene{display:block;width:100%;height:100%;object-fit:cover;animation:none!important}
.guide-copy{min-height:0}.guide-copy h2{min-height:0;margin:12px 0 18px}.guide-copy .guide-description{min-height:0;margin:0;line-height:1.6}.guide-copy .guide-controls{margin-top:24px}.guide-copy .guide-count{margin:12px 0}.guide-copy .eyebrow{margin-top:0}@media(max-width:650px){.guide-copy{min-height:0}.guide-copy h2{min-height:0}.guide-copy .guide-description{min-height:0}.guide-copy .guide-controls{margin-top:24px}}
@media(min-width:651px){.guide-slideshow{box-sizing:border-box;align-items:start;padding:20px 22px}.guide-picture{height:clamp(250px,42dvh,310px)}.guide-copy{padding-top:2px}.guide-copy .guide-description{font-size:15px}.guide-copy .guide-controls{margin-top:20px}}
.guide-picture>.guide-display-frame{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;box-sizing:border-box;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rust) 10%,var(--paper)),var(--paper) 75%)} .guide-display-frame figure{margin:0;flex:1;min-width:0;text-align:center} .guide-display-frame img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;filter:brightness(1.07) contrast(1.035)} .guide-display-frame figcaption{font-size:11px;color:var(--muted)}
.guide-picture>.guide-lifestyle{container-type:inline-size;display:block;padding:0;background-color:#33241c;background-image:linear-gradient(140deg,#291d16aa,#291d160d),repeating-linear-gradient(7deg,#513627,#5b4030 4px,#53392c 7px);isolation:isolate}
.guide-lifestyle .guide-desk-cards{position:absolute;inset:0;filter:drop-shadow(0 8px 6px #0009);pointer-events:none}
.guide-lifestyle img{position:absolute;width:48%;height:auto;left:5%;top:23%;transform:rotate(-12deg);filter:brightness(1.07) contrast(1.035)}
.guide-lifestyle img.guide-desk-back{width:39%;left:0;top:14%;transform:rotate(-22deg)}
.guide-lifestyle .guide-device{position:absolute;left:43%;right:6%;top:16%;display:grid;gap:5px;gap:1.7cqw;padding:9px;padding:3cqw;background:#141419;color:#fff;border:2px solid #5a5859;border-radius:11px;box-shadow:0 8px 16px #0008;transform:rotate(7deg);font-size:8px;font-size:3.2cqw;line-height:1.3}
.guide-device-tab{color:#ffd034;text-transform:uppercase;font-weight:700;letter-spacing:.07em}
.guide-device-title{font-size:1.28em;line-height:1.17}
.guide-device-field{background:#25252d;border:1px solid #393943;border-radius:3px;padding:3px 5px;color:#e2e2e9}
.guide-device-action{background:#ffd034;color:#131313;font-weight:700;border-radius:4px;padding:4px 5px;text-align:center}
.guide-picture>.guide-lifestyle{background-image:url('/guide-photos/display-desk-scenes.png');background-size:200% 200%;background-position:0 0;background-repeat:no-repeat}
.guide-picture>.guide-lifestyle[data-scene="1"]{background-position:0 100%}
.guide-picture>.guide-lifestyle[data-scene="2"]{background-position:100% 0}
.guide-picture>.guide-lifestyle[data-scene="3"],.guide-picture>.guide-lifestyle[data-scene="4"]{background-position:100% 100%}
.guide-lifestyle[data-scene="2"] .guide-device{top:26%}
.guide-lifestyle[data-scene="4"] .guide-desk-front{transform:rotate(-5deg);left:9%}