.sg-main{overflow:clip}.sg-wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.sg-main [hidden]{display:none!important}.sg-main img{display:block;max-width:100%}.sg-main a{text-decoration:none}.sg-main button{cursor:pointer}.sg-main p{margin:0}.sg-main h1,.sg-main h2,.sg-main h3{margin:0}.sg-main .sg-eyebrow{color:#e3c891;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.6}.sg-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;padding-block:62px 38px}.sg-intro h1{font-size:clamp(42px,5.2vw,68px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin-top:18px}.sg-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#ead7b0;letter-spacing:-.045em}.sg-intro-copy{padding-bottom:5px;max-width:370px}.sg-intro-copy>p{font-size:15px;line-height:1.8;color:#b6c6dd}.sg-text-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;color:#d8e7fb;margin-top:20px;border-bottom:1px solid #a5c9fc40;padding-bottom:7px}.sg-text-link span{color:#e3c891}.sg-explorer{scroll-margin-top:100px}.sg-explorer-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);border:1px solid #8caecc35;border-radius:16px;overflow:hidden;background:linear-gradient(130deg,#192a43,#101c30)}.sg-visual{align-self:center;min-width:0}.sg-stage{position:relative;aspect-ratio:4/3;isolation:isolate;overflow:hidden;background:#142238}.sg-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sg-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.sg-photo-label{position:absolute;top:16px;z-index:2;font-size:9px;letter-spacing:.07em;text-transform:uppercase;padding:6px 9px;background:#0a1527d9;color:white;border-radius:4px;pointer-events:none}.sg-before-label{left:16px}.sg-after-label{right:16px;background:#fffef1eb;color:#152035}.sg-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;pointer-events:none;z-index:3}.sg-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;background:#fff;color:#172238;border-radius:50%;font-size:23px;box-shadow:0 3px 20px #0005}.sg-stage input{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y}.sg-stage:focus-within{outline:3px solid #e3c891;outline-offset:-3px}.sg-image-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:12px 18px;background:#101d30;color:#99adc9;font-size:10px}.sg-image-footer button{font:inherit;background:none;border:0;padding:3px 0;color:#e3c891;display:inline-flex;gap:10px;align-items:center}.sg-selected{display:flex;flex-direction:column;justify-content:center;padding:28px 32px;border-left:1px solid #8caecc25}.sg-selected h2{font-size:clamp(28px,3vw,41px);line-height:1.1;margin:15px 0 10px;overflow-wrap:break-word}.sg-selected .sg-selected-tagline{font-size:14px;color:#e1d1ae;margin-bottom:17px}.sg-selected>p:not(.sg-eyebrow,.sg-selected-tagline,.sg-how,.sg-use,.sg-sr-only){font-size:12px;line-height:1.85;color:#b5c5dc}.sg-details{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:19px 0;padding:0}.sg-main .sg-details li{font-size:9px;line-height:1.5;border:1px solid #b5c9e52c;border-radius:4px;padding:5px 8px;color:#c0d2e9;background:#d2e3ff06}.sg-main .sg-use{font-size:11px;line-height:1.75;color:#97acc7;border-top:1px solid #b0c7e326;padding-top:15px}.sg-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;align-self:flex-start;margin-top:24px;border:1px solid #80acdf70;border-radius:7px;padding:12px 18px;background:linear-gradient(120deg,#2f69b9,#4b83cb);color:#fff!important;font-size:12px;font-weight:600;min-height:46px;transition:background .2s}.sg-cta:hover{background:#4b83cb}.sg-main .sg-how{font-size:10px;line-height:1.7;color:#91a7c4;margin-top:11px}.sg-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px}.sg-style-option{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #b2cce025;background:#122139;border-radius:7px;padding:7px;color:#afc2dc;font-size:10px!important;line-height:1.3;min-height:62px;transition:border-color .15s,background .15s}.sg-style-option img{width:56px;height:38px;object-fit:cover;border-radius:4px;flex-shrink:0}.sg-style-option:hover{border-color:#91bdf38c;background:#1d304b}.sg-style-option[aria-pressed=true]{border-color:#e3c891a6;background:#293649;color:#f5e9d0}.sg-main .sg-image-note{font-size:10px;line-height:1.8;color:#849ab7;margin-top:15px;max-width:760px}.sg-collection{padding-top:83px;scroll-margin-top:105px}.sg-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.sg-section-heading h2,.sg-get-started h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;margin-top:13px}.sg-section-heading>p{max-width:310px;font-size:12px;color:#9fb3cf;line-height:1.8}.sg-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sg-card{border:1px solid #9cb9db2b;border-radius:12px;overflow:hidden;background:#14223870;display:flex;flex-direction:column;scroll-margin-top:105px}.sg-card-image{position:relative;aspect-ratio:4/3;overflow:hidden}.sg-card-image img{width:100%;height:100%;object-fit:cover}.sg-card-image>span{position:absolute;bottom:10px;left:10px;background:#0b1527bf;color:#f2f5fc;padding:4px 7px;font-size:8px;text-transform:uppercase;letter-spacing:.06em;border-radius:3px}.sg-card-copy{padding:23px;flex:1;display:flex;flex-direction:column}.sg-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.sg-card-heading h3{font-size:22px;line-height:1.2}.sg-index{font-size:10px;letter-spacing:.08em;color:#7990af}.sg-main .sg-tagline{color:#d6c49e;font-size:11px;line-height:1.6;margin-bottom:13px}.sg-main .sg-description{font-size:11px;line-height:1.9;color:#adbed7}.sg-card .sg-details{margin:16px 0}.sg-card .sg-use{margin-top:auto}.sg-view{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;font-size:11px;color:#cee1ff}.sg-view>span{font-size:18px;color:#e3c891}.sg-get-started{margin-top:75px;margin-bottom:65px;border-top:1px solid #9cb9db30;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:55px}.sg-get-started>div>p:not(.sg-eyebrow){font-size:13px;line-height:1.85;color:#a9bdd8;margin-top:20px;max-width:440px}.sg-get-started ol{list-style:none;padding:0;margin:0}.sg-get-started li{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid #9cb9db25}.sg-get-started li>span{color:#e3c891;font-size:12px;padding-top:2px}.sg-get-started h3{font-size:16px;margin-bottom:7px}.sg-get-started li p{font-size:11px;line-height:1.8;color:#9eb3cf}.sg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.sg-intro{padding-top:75px}.sg-selected{padding-inline:35px}}
@media(max-width:1000px){.sg-intro{gap:35px;padding-top:45px}.sg-explorer-grid{grid-template-columns:1.5fr 1fr}.sg-selected{padding:22px}.sg-selected h2{font-size:29px}.sg-selected .sg-eyebrow{font-size:9px}.sg-selected .sg-details{margin:12px 0}.sg-selected .sg-use{display:none}.sg-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.sg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-get-started{gap:45px}}
@media(max-width:700px){.sg-wrap{width:calc(100% - 36px)}.sg-intro{grid-template-columns:1fr;gap:22px;padding-block:34px 27px}.sg-intro h1{font-size:49px}.sg-intro-copy{max-width:100%}.sg-intro-copy>p{font-size:13px;max-width:450px}.sg-text-link{margin-top:12px}.sg-explorer-grid{grid-template-columns:1fr}.sg-selected{padding:24px;border-left:0;border-top:1px solid #8caecc25}.sg-selected h2{font-size:34px}.sg-selected .sg-use{display:block}.sg-selected .sg-details{margin:17px 0}.sg-selected .sg-cta{margin-top:18px}.sg-picker{display:flex;overflow-x:auto;padding-bottom:9px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#46668b transparent}.sg-style-option{flex:0 0 155px;scroll-snap-align:start}.sg-collection{padding-top:52px}.sg-section-heading{display:block;margin-bottom:23px}.sg-section-heading>p{max-width:none;margin-top:15px}.sg-gallery{gap:15px}.sg-card-copy{padding:18px}.sg-card-heading h3{font-size:20px}.sg-get-started{grid-template-columns:1fr;gap:24px;padding-top:35px;margin-top:45px;margin-bottom:40px}.sg-photo-label{top:11px}.sg-before-label{left:11px}.sg-after-label{right:11px}}
@media(max-width:500px){.sg-gallery{grid-template-columns:1fr}.sg-card-copy{padding:23px}.sg-intro h1{font-size:44px}.sg-image-footer{font-size:9px;padding:11px 12px;gap:8px}.sg-selected{padding:22px}.sg-main .sg-image-note{font-size:9px}.sg-explorer-grid{border-radius:11px}}
@media(prefers-reduced-motion:reduce){html:has(body.sw-page-styles){scroll-behavior:auto}.sg-main *{transition:none!important}}

.sg-main .sg-custom-note{margin-top:10px;color:#b6c6dd;font-size:11px;line-height:1.65}.sg-custom-note strong{color:#e3c891;font-weight:600}.sg-faq{margin-bottom:55px}.sg-faq h2{font-size:28px;margin-bottom:22px}.sg-faq details{border-bottom:1px solid #9cb9db30;padding:15px 0}.sg-faq summary{cursor:pointer;color:#dbe8fa;font-size:14px;font-weight:600}.sg-faq details p{font-size:13px;line-height:1.8;color:#b6c6dd;max-width:850px;margin-top:12px}.sg-learn-links{display:flex;flex-wrap:wrap;gap:14px 26px;padding-top:24px}.sg-learn-links a{color:#b9d5f9;font-size:12px;text-decoration:underline;text-underline-offset:4px}
/* Keep the complete style explorer within the first desktop viewport. */
@media(min-width:1001px){
  .sg-intro{gap:32px;padding-block:20px 16px;align-items:center;grid-template-columns:1.25fr 1fr}
  .sg-intro .sg-eyebrow{font-size:9px}
  .sg-intro h1{font-size:clamp(29px,2.8vw,39px);line-height:1.16;margin-top:8px;letter-spacing:-.045em}
  .sg-intro h1 br{display:none}
  .sg-intro h1 em:before{content:' '}
  .sg-intro-copy{max-width:440px;padding:0}
  .sg-intro-copy>p{font-size:12px;line-height:1.65}
  .sg-text-link{font-size:10px;margin-top:6px;padding-bottom:2px}
  .sg-explorer-grid{grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr)}
  .sg-stage{aspect-ratio:auto;height:clamp(220px,calc(100svh - var(--sw-header-height,80px) - var(--sw-trial-height,76px) - 320px),380px)}
  .sg-stage>img{object-position:center 70%}
  .sg-image-footer{min-height:32px;padding:7px 14px;font-size:9px}
  .sg-selected{padding:17px 23px}
  .sg-selected .sg-eyebrow{font-size:9px}
  .sg-selected h2{font-size:29px;margin:8px 0 6px}
  .sg-selected .sg-selected-tagline{font-size:11px;margin-bottom:10px}
  .sg-selected>p:not(.sg-eyebrow,.sg-selected-tagline,.sg-how,.sg-use,.sg-sr-only){font-size:11px;line-height:1.7}
  .sg-selected .sg-details{margin:12px 0 0}
  .sg-selected .sg-use,.sg-selected .sg-how{display:none}
  .sg-selected .sg-cta{margin-top:15px;min-height:38px;padding:9px 13px;font-size:11px}
  .sg-picker{margin-top:10px;gap:6px}
  .sg-style-option{min-height:46px;padding:5px;gap:7px}
  .sg-style-option img{width:46px;height:31px}
  .sg-main .sg-image-note{margin-top:8px;font-size:9px;line-height:1.6}
  .sg-collection{padding-top:48px}
}
@media(min-width:1001px) and (max-height:790px){
  .sg-selected .sg-details{display:none}
  .sg-selected>p:not(.sg-eyebrow,.sg-selected-tagline,.sg-how,.sg-use,.sg-sr-only){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
@media(max-width:1000px){
  .sg-intro{padding-block:24px 22px}
  .sg-intro h1{font-size:38px;margin-top:10px}
}
@media(max-width:700px){
  .sg-intro{gap:13px;padding-block:23px 18px}
  .sg-intro h1{font-size:37px}
  .sg-intro-copy>p{font-size:12px;line-height:1.65}
  .sg-intro .sg-eyebrow{font-size:8px}
  .sg-selected{padding:18px}
  .sg-selected h2{font-size:28px;margin-top:9px}
  .sg-selected .sg-selected-tagline{margin-bottom:10px;font-size:12px}
  .sg-selected .sg-use,.sg-selected .sg-how{display:none}
  .sg-selected .sg-details{margin:12px 0 0}
  .sg-selected .sg-cta{margin-top:15px}
  .sg-explorer{display:flex;flex-direction:column}
  .sg-picker{order:-1;margin-top:0;margin-bottom:10px}
}