html{scroll-behavior:smooth}.sb-builder,.sb-hero,.sb-sections-wrap,.sb-chapter,.sb-phase-banner,.sb-summary{max-width:100%;box-sizing:border-box}.sb-builder{overflow-x:hidden;width:100%}.sb-grain{position:relative}.sb-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" seed="1"/></filter><rect width="200" height="200" filter="url(%23noise)" opacity="0.03"/></svg>');background-size:200px 200px;opacity:.025;pointer-events:none;z-index:1}[data-sb-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}[data-sb-reveal=fade-left]{transform:translate(-30px) translateY(30px)}[data-sb-reveal=fade-right]{transform:translate(30px) translateY(30px)}[data-sb-reveal=scale]{transform:scale(.96) translateY(30px)}[data-sb-reveal].sb-revealed{opacity:1;transform:translate(0) scale(1)}[data-sb-delay="100"]{transition-delay:.1s}[data-sb-delay="200"]{transition-delay:.2s}[data-sb-delay="300"]{transition-delay:.3s}@keyframes sb-scrollPulse{0%{transform:translateY(0);opacity:1}50%{opacity:.5}to{transform:translateY(12px);opacity:0}}@keyframes sb-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sb-checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.sb-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,var(--sb-dark) 0%,var(--sb-dark-mid) 100%);padding:0 8vw;overflow:hidden}.sb-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(184,134,11,.08) 0%,transparent 70%);pointer-events:none}.sb-hero-content{position:relative;z-index:2;max-width:60%}.sb-eyebrow{display:block;font-size:.52rem;font-weight:600;letter-spacing:.45em;text-transform:uppercase;color:var(--sb-accent);margin-bottom:1rem;opacity:.95}.sb-hero-title{font-family:var(--serif);font-size:clamp(2.6rem,5.5vw,5rem);font-weight:300;line-height:1.08;color:var(--sb-cream);margin-bottom:1.5rem;letter-spacing:-.02em}.sb-hero-title em{font-style:italic;color:var(--sb-accent)}.sb-hero-sub{font-size:.82rem;line-height:1.85;color:var(--sb-cream);opacity:.5;margin-bottom:.5rem}.sb-hero-sub strong{color:var(--sb-accent);font-weight:600}.sb-scroll-cue{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem}.sb-scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,var(--sb-accent),transparent);animation:sb-scrollPulse 2s ease-in-out infinite}.sb-scroll-cue span{font-size:.5rem;letter-spacing:.3em;color:#f2ebe159;text-transform:uppercase;font-family:var(--sans)}@media(max-width:1024px){.sb-hero{padding:0 6vw}}@media(max-width:768px){.sb-hero{padding:0 4vw}.sb-hero-content{max-width:100%}.sb-scroll-cue{bottom:2rem}}@media(max-width:480px){.sb-hero{padding:0 3vw}}.sb-progress-nav{position:fixed;right:.85rem;left:auto;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:stretch;width:38px;background:#1a120b61;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(184,134,11,.06);border-radius:20px;padding:.7rem 0;max-height:82vh;overflow-y:auto;scrollbar-width:none;z-index:100;transition:width .35s cubic-bezier(.4,0,.2,1),background .35s ease,border-color .35s ease,box-shadow .35s ease}.sb-progress-nav::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.sb-progress-nav:hover{width:68px;background:#1a120be0;border-color:#b8860b1f;box-shadow:-4px 0 20px #00000029}.sb-progress-nav:hover .sb-step-name{max-height:22px;opacity:1;margin-top:.28rem}.sb-progress-nav:hover .sb-phase-label{max-width:50px;opacity:1}.sb-progress-nav:hover .sb-nav-price{font-size:.92rem}}.sb-phase-header{display:flex;flex-direction:row;align-items:center;gap:.4rem;padding:.5rem .4rem .2rem}.sb-phase-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-phase-icon svg{width:14px;height:14px;color:#b8860b66;transition:color .3s ease}.sb-phase-header.sb-active .sb-phase-icon svg{color:var(--sb-accent)}.sb-phase-header.sb-completed .sb-phase-icon svg{color:var(--sb-accent)}.sb-phase-label{font-size:.42rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f2ebe159;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s ease,opacity .3s ease}.sb-phase-header.sb-active .sb-phase-label{color:var(--sb-accent)}.sb-phase-header.sb-completed .sb-phase-label{color:#b8860ba6}.sb-step-item{display:flex;flex-direction:column;align-items:center;gap:0;padding:.38rem .3rem;cursor:pointer;border-radius:8px;margin:0 .15rem;transition:background .22s ease-out}.sb-step-item.sb-viewing{background:#b8860b17}.sb-step-node{width:18px;height:18px;border:1.5px solid rgba(184,134,11,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.38rem;font-weight:700;color:#b8860b59;transition:all .3s ease}.sb-step-item.sb-viewing .sb-step-node{border-color:var(--sb-accent);color:var(--sb-accent);background:#b8860b1a;box-shadow:0 0 8px #b8860b4d}.sb-step-item.sb-completed .sb-step-node{background:var(--sb-accent);border-color:var(--sb-accent);color:var(--sb-dark)}.sb-step-name{font-size:.38rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f2ebe147;text-align:center;max-height:0;opacity:0;overflow:hidden;white-space:nowrap;max-width:56px;text-overflow:ellipsis;margin-top:0;transition:max-height .3s ease,opacity .2s ease .06s,margin-top .3s ease,color .2s ease}.sb-step-item.sb-viewing .sb-step-name{color:var(--sb-accent)}.sb-step-item.sb-completed .sb-step-name{color:#b8860b99}.sb-phase-sep{width:60%;height:1px;background:#b8860b14;margin:.3rem auto}.sb-nav-price-wrap{padding:.4rem .3rem;text-align:center;border-top:1px solid rgba(184,134,11,.08);margin-top:.3rem}.sb-nav-price{font-family:var(--serif);font-size:.72rem;font-weight:300;color:#b8860bbf;white-space:nowrap;transition:font-size .3s ease}.sb-mobile-bar{display:none}@media(max-width:768px){.sb-progress-nav{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;width:100%!important;max-width:100%!important;min-width:0!important;transition:none!important;max-height:none;flex-direction:column;border-radius:0;border:none;border-top:1px solid rgba(184,134,11,.15);padding:0;background:#1a120bf7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:visible;z-index:100}.sb-step-item,.sb-phase-header,.sb-phase-sep,.sb-nav-price-wrap{display:none!important}.sb-step-name{display:none!important;transition:none!important}.sb-mobile-bar{display:flex!important;flex-direction:column;width:100%}.sb-mobile-track{height:2px;background:#b8860b1a;width:100%}.sb-mobile-fill{height:100%;background:linear-gradient(90deg,var(--sb-accent),var(--sb-accent-light));transition:width .5s cubic-bezier(.4,0,.2,1);width:0%}.sb-mobile-phases{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.4rem .8rem 0;gap:.3rem;flex-wrap:wrap}.sb-mobile-phase{font-size:.42rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b8860b4d;padding:.2rem .5rem;border-radius:10px;transition:all .3s ease;white-space:nowrap}.sb-mobile-phase.sb-active{color:var(--sb-accent);background:#b8860b1a}.sb-mobile-phase.sb-completed{color:#b8860b99}.sb-mobile-connector{width:8px;height:1px;background:#b8860b26}.sb-mobile-dots{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 1rem 0;gap:3px;flex-wrap:wrap}.sb-mobile-dot{width:14px;height:14px;border:1px solid rgba(184,134,11,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.3rem;font-weight:700;color:#b8860b40;transition:all .3s ease}.sb-mobile-dot.sb-dot-active{border-color:var(--sb-accent);color:var(--sb-accent);background:#b8860b1a;box-shadow:0 0 6px #b8860b40}.sb-mobile-dot.sb-dot-completed{background:var(--sb-accent);border-color:var(--sb-accent);color:var(--sb-dark)}.sb-mobile-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.35rem 1rem .55rem;gap:1rem}.sb-mobile-step-name{font-family:var(--serif);font-size:.7rem;color:var(--sb-cream);text-align:center;flex:1}.sb-mobile-price{font-family:var(--serif);font-size:.8rem;font-weight:300;color:var(--sb-accent);white-space:nowrap}}.sb-sections-wrap{position:relative;z-index:1}.sb-chapter{position:relative;padding:3rem 5vw;overflow:hidden;display:flex;flex-direction:column}@media(min-width:768px){.sb-chapter{padding:5rem 8vw}}.sb-chapter.sb-dark{background:var(--sb-dark);color:var(--sb-cream)}.sb-chapter.sb-light{background:var(--sb-cream);color:var(--sb-char)}.sb-ch-num{position:absolute;top:2.5rem;left:5vw;font-family:var(--serif);font-size:clamp(4rem,9vw,8rem);font-weight:300;opacity:.06;pointer-events:none;line-height:1}@media(min-width:768px){.sb-ch-num{left:8vw}}.sb-section-header{position:relative;z-index:2;margin-bottom:2.5rem}.sb-section-heading{font-family:var(--serif);font-size:clamp(1.6rem,2.5vw,2.6rem);font-weight:300;line-height:1.1;margin-bottom:.8rem}.sb-dark .sb-section-heading{color:var(--sb-cream)}.sb-light .sb-section-heading{color:var(--sb-char)}.sb-section-subtext{font-size:.8rem;line-height:1.8;max-width:600px}.sb-dark .sb-section-subtext{color:#f2ebe173}.sb-light .sb-section-subtext{color:#2a1f1573}.sb-two-col{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;position:relative;z-index:2}@media(min-width:768px){.sb-two-col{grid-template-columns:1fr 1fr;gap:3.5rem}.sb-two-col.sb-reversed{direction:rtl}.sb-two-col.sb-reversed>*{direction:ltr}}.sb-col-sticky{position:static}@media(min-width:768px){.sb-col-sticky{position:sticky;top:7rem}}.sb-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;position:relative;z-index:2}@media(min-width:768px){.sb-options{grid-template-columns:repeat(2,1fr)}.sb-options.sb-col-3{grid-template-columns:repeat(3,1fr)}.sb-options.sb-col-4{grid-template-columns:repeat(4,1fr)}.sb-options.sb-col-5{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){.sb-options.sb-col-4,.sb-options.sb-col-5{grid-template-columns:repeat(2,1fr)}}.sb-card{padding:.8rem;border:1px solid rgba(184,134,11,.12);background:transparent;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;border-radius:4px}.sb-light .sb-card{border-color:#e0dbd3;background:#fff}.sb-card:hover{border-color:var(--sb-accent)}.sb-card.sb-selected{border-color:var(--sb-accent);background:#b8860b0f}.sb-dark .sb-card.sb-selected{background:#b8860b14}.sb-card-visual{width:100%;height:65px;display:flex;align-items:center;justify-content:center;margin-bottom:.7rem}@media(min-width:768px){.sb-card-visual{height:80px}}.sb-card-visual svg{width:65px;height:65px;transition:color .3s ease}.sb-dark .sb-card-visual{color:#f2ebe180}.sb-light .sb-card-visual{color:#2a1f1559}.sb-card:hover .sb-card-visual,.sb-card.sb-selected .sb-card-visual{color:var(--sb-accent)}.sb-card-title{font-family:var(--serif);font-size:.85rem;font-weight:400;line-height:1.3;margin-bottom:.3rem}.sb-dark .sb-card-title{color:var(--sb-cream)}.sb-light .sb-card-title{color:var(--sb-char)}.sb-card-sub{font-size:.6rem;color:#808080b3;line-height:1.4}.sb-card.sb-selected:after{content:"";position:absolute;top:.35rem;right:.35rem;width:16px;height:16px;border-radius:50%;background:var(--sb-accent);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13 3L6 12L3 9" stroke="%231A120B" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:10px 10px;background-position:center;background-repeat:no-repeat;animation:sb-checkPop .3s ease}.sb-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;z-index:2}@media(min-width:768px){.sb-swatches{grid-template-columns:repeat(4,1fr);gap:10px}}.sb-swatch{aspect-ratio:1 / 1;border-radius:3px;cursor:pointer;border:2px solid transparent;transition:all .3s ease;position:relative}.sb-swatch:hover{border-color:var(--sb-accent);transform:translateY(-2px)}.sb-swatch.sb-selected{border-color:var(--sb-accent);box-shadow:0 0 0 1px var(--sb-accent),0 4px 16px #b8860b33}.sb-swatch.sb-selected:after{content:"";position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--sb-accent);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13 3L6 12L3 9" stroke="%231A120B" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:10px 10px;background-position:center;background-repeat:no-repeat;animation:sb-checkPop .3s ease}.sb-swatch-name{font-size:.5rem;text-align:center;margin-top:.3rem;line-height:1.3}.sb-dark .sb-swatch-name{color:#f2ebe166}.sb-light .sb-swatch-name{color:#2a1f1566}.sb-phase-banner{position:relative;min-height:35vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--sb-dark) 0%,var(--sb-dark-mid) 100%);padding:3rem 5vw;overflow:hidden}@media(min-width:768px){.sb-phase-banner{min-height:55vh;padding:4rem 8vw}}.sb-phase-banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(184,134,11,.04) 0%,transparent 70%);pointer-events:none}.sb-phase-banner .sb-eyebrow{position:relative;z-index:2;margin-bottom:1rem}.sb-phase-banner h2{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;color:var(--sb-cream);line-height:1.1;margin-bottom:1.2rem;letter-spacing:-.01em}.sb-phase-banner h2 em{color:var(--sb-accent);font-style:italic}.sb-phase-banner p{position:relative;z-index:2;font-size:.78rem;line-height:1.85;color:#f2ebe166;max-width:460px;margin:0 auto}.sb-phase-divider{position:relative;z-index:2;width:50px;height:1px;background:linear-gradient(90deg,transparent,var(--sb-accent),transparent);margin:1.2rem auto 0}.sb-summary{background:var(--sb-cream);color:var(--sb-char);padding:3rem 5vw 8rem 5vw;position:relative;z-index:1}@media(min-width:768px){.sb-summary{padding:5rem 8vw 6rem 8vw}}.sb-summary-heading{font-family:var(--serif);font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:300;color:var(--sb-char);text-align:center;margin-bottom:2.5rem;line-height:1.1}.sb-summary-phase-title{font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#2a1f154d;margin:2rem 0 1rem}.sb-summary-grid{display:grid;grid-template-columns:1fr;gap:0;max-width:850px;margin:0 auto}@media(min-width:768px){.sb-summary-grid{grid-template-columns:repeat(2,1fr)}}.sb-summary-row{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding-bottom:1rem;border-bottom:1px solid #e0dbd3;margin-bottom:1rem;gap:1rem}.sb-sum-label{font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#2a1f1566}.sb-sum-value{font-family:var(--serif);font-size:.88rem;color:var(--sb-char);text-align:right}.sb-sum-edit{font-size:.55rem;color:var(--sb-accent);cursor:pointer;margin-left:auto;padding-left:1rem;white-space:nowrap;transition:text-decoration .3s ease}.sb-sum-edit:hover{text-decoration:underline}.sb-total{text-align:center;padding:2rem 0;border-top:1px solid #e0dbd3;border-bottom:1px solid #e0dbd3;margin:1.5rem 0}.sb-total-label{font-size:.55rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#2a1f1559;display:block;margin-bottom:.5rem}.sb-total-amount{font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--sb-accent)}.sb-cta-row{display:grid;grid-template-columns:1fr;gap:1.2rem;max-width:520px;margin:2rem auto 0}@media(min-width:768px){.sb-cta-row{grid-template-columns:repeat(2,1fr)}}.sb-btn{border:none;cursor:pointer;font-family:var(--sans);font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;padding:1rem 2rem;transition:all .3s ease;border-radius:3px}.sb-btn-accent{background:var(--sb-accent);color:var(--sb-dark)}.sb-btn-accent:hover{background:var(--sb-accent-light);transform:translateY(-1px)}.sb-btn-outline{background:transparent;color:var(--sb-char);border:1px solid rgba(42,31,21,.25);transition:all .3s ease}.sb-btn-outline:hover{border-color:var(--sb-accent);color:var(--sb-accent)}.sb-conditional{display:none}.sb-conditional.sb-visible{display:block}.sb-center{text-align:center}.sb-max-700{max-width:700px;margin-left:auto;margin-right:auto}.sb-max-900{max-width:900px;margin-left:auto;margin-right:auto}.sb-max-1000{max-width:1000px;margin-left:auto;margin-right:auto}button,a{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sb-accent);outline-offset:2px}@media(max-width:480px){.sb-hero-title,.sb-phase-banner h2{letter-spacing:-.01em}.sb-summary{padding:2.5rem 4vw 10rem 4vw}}@media(min-width:1400px){.sb-summary-grid{max-width:1000px}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/suit-builder.css.map */