.pbn-custom-guide{--pbn-guide-ink: var(--color-foreground);--pbn-guide-ink-strong: var(--color-foreground);--pbn-guide-copy: var(--color-foreground);--pbn-guide-muted: rgb(var(--color-foreground-rgb) / .7);--pbn-guide-paper: var(--color-background);--pbn-guide-canvas: var(--color-background);--pbn-guide-surface: rgb(var(--color-foreground-rgb) / .045);--pbn-guide-line: rgb(var(--color-foreground-rgb) / .14);--pbn-guide-line-strong: rgb(var(--color-foreground-rgb) / .24);--pbn-guide-cornflower-soft: rgb(var(--color-foreground-rgb) / .035);--pbn-guide-coral: var(--color-primary-button-background);--pbn-guide-coral-dark: var(--color-primary-button-hover-background);--pbn-guide-coral-soft: rgb(var(--color-foreground-rgb) / .06);--pbn-guide-butter: var(--color-background);--pbn-guide-content: 1240px;--pbn-guide-gutter: clamp(18px, 4vw, 64px);--pbn-guide-section-space: clamp(76px, 10vw, 144px);--pbn-guide-radius: 16px;overflow:clip;background:var(--pbn-guide-canvas);color:var(--pbn-guide-copy)}.pbn-custom-guide *,.pbn-custom-guide *:before,.pbn-custom-guide *:after{box-sizing:border-box}.pbn-custom-guide img,.pbn-custom-guide svg{display:block;max-width:100%}.pbn-custom-guide h1,.pbn-custom-guide h2,.pbn-custom-guide h3,.pbn-custom-guide p,.pbn-custom-guide figure{margin-top:0}.pbn-custom-guide h1,.pbn-custom-guide h2,.pbn-custom-guide h3{color:var(--pbn-guide-ink);font-family:var(--font-heading--family, inherit);font-weight:700;letter-spacing:-.035em;line-height:1.03;text-wrap:balance}.pbn-custom-guide h1{margin-bottom:24px;font-size:clamp(3.25rem,5.6vw,5.25rem)}.pbn-custom-guide h2{margin-bottom:24px;font-size:clamp(2.2rem,4.2vw,4.4rem)}.pbn-custom-guide h3{margin-bottom:8px;font-size:1.2rem}.pbn-custom-guide .rte>*:last-child{margin-bottom:0}.pbn-custom-guide__shell{width:min(var(--pbn-guide-content),calc(100% - (var(--pbn-guide-gutter) * 2)));margin-inline:auto}.pbn-custom-guide__placeholder{width:100%;height:100%;min-height:320px;background:var(--pbn-guide-surface);color:var(--pbn-guide-muted)}.pbn-custom-guide__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.pbn-custom-guide__hero{min-height:min(780px,calc(100svh - 90px));display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);background:var(--pbn-guide-ink-strong)}.pbn-custom-guide__hero-media{position:relative;min-height:620px;max-height:min(780px,calc(100svh - 90px));margin:0;overflow:hidden}.pbn-custom-guide__hero-media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 68%,rgb(var(--color-foreground-rgb) / .76));content:"";pointer-events:none}.pbn-custom-guide__hero-image,.pbn-custom-guide__hero-media>img,.pbn-custom-guide__hero-media>svg{width:100%;height:100%;object-fit:cover}.pbn-custom-guide__hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,84px) var(--pbn-guide-gutter) clamp(48px,6vw,84px) clamp(26px,4vw,70px);color:var(--color-background)}.pbn-custom-guide__hero-copy h1{max-width:9ch;color:var(--color-background)}.pbn-custom-guide__eyebrow{margin-bottom:18px;color:var(--pbn-guide-coral-dark);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pbn-custom-guide__hero .pbn-custom-guide__eyebrow{color:var(--pbn-guide-butter)}.pbn-custom-guide__lead{max-width:54ch;margin-bottom:30px;color:rgb(var(--color-background-rgb) / .86);font-size:clamp(1.05rem,1.7vw,1.3rem)}.pbn-custom-guide__actions{display:flex;flex-wrap:wrap;gap:12px}.pbn-custom-guide__button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid transparent;border-radius:9px;color:inherit;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.pbn-custom-guide__button:hover{transform:translateY(-2px)}.pbn-custom-guide__button:focus-visible,.pbn-custom-guide__text-link:focus-visible,.pbn-custom-guide summary:focus-visible,.pbn-custom-guide input:focus-visible{outline:3px solid var(--pbn-guide-coral);outline-offset:3px}.pbn-custom-guide__button--primary{background:var(--pbn-guide-coral);color:var(--color-primary-button-text)}.pbn-custom-guide__button--primary:hover{background:var(--pbn-guide-coral-dark);color:var(--color-primary-button-hover-text)}.pbn-custom-guide__button--quiet{border-color:rgb(var(--color-background-rgb) / .45);color:var(--color-background)}.pbn-custom-guide__button--quiet:hover{border-color:var(--color-background);background:rgb(var(--color-background-rgb) / .08)}.pbn-custom-guide__button--light{background:var(--color-background);color:var(--pbn-guide-ink-strong)}.pbn-custom-guide__disclosure{max-width:56ch;margin:18px 0 0;padding:11px 13px;border:1px solid rgb(var(--color-background-rgb) / .22);border-radius:8px;background:rgb(var(--color-background-rgb) / .08);color:rgb(var(--color-background-rgb) / .8);font-size:.76rem;line-height:1.45}.pbn-custom-guide__promise-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:var(--pbn-guide-gutter);border-bottom:1px solid var(--pbn-guide-line);background:var(--pbn-guide-paper)}.pbn-custom-guide__promise{display:flex;align-items:center;gap:16px;padding:26px clamp(18px,3vw,44px);border-right:1px solid var(--pbn-guide-line)}.pbn-custom-guide__promise:last-child{border-right:0}.pbn-custom-guide__promise-icon{width:34px;height:34px;flex:0 0 auto}.pbn-custom-guide__promise-icon svg{width:100%;height:100%;fill:none;stroke:var(--pbn-guide-coral-dark);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.pbn-custom-guide__promise>span:last-child{color:var(--pbn-guide-muted);font-size:.82rem;line-height:1.35}.pbn-custom-guide__promise strong{display:block;margin-bottom:3px;color:var(--pbn-guide-ink);font-size:.92rem}.pbn-custom-guide__photo,.pbn-custom-guide__faq,.pbn-custom-guide__stories{padding-block:var(--pbn-guide-section-space)}.pbn-custom-guide__intro{max-width:780px;margin-bottom:clamp(38px,6vw,70px)}.pbn-custom-guide__intro .rte,.pbn-custom-guide__split-heading .rte,.pbn-custom-guide__compare-heading .rte{color:var(--pbn-guide-muted);font-size:clamp(1rem,1.4vw,1.16rem)}.pbn-custom-guide__photo-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(30px,5vw,78px);align-items:stretch}.pbn-custom-guide__photo-example{position:relative;min-height:580px;margin:0;overflow:hidden;border-radius:var(--pbn-guide-radius);background:var(--pbn-guide-surface)}.pbn-custom-guide__photo-example>img,.pbn-custom-guide__photo-example>svg{width:100%;height:100%;object-fit:cover}.pbn-custom-guide__photo-example figcaption{position:absolute;right:18px;bottom:18px;left:18px;display:flex;align-items:center;gap:9px;padding:13px 15px;border-radius:10px;background:rgb(var(--color-background-rgb) / .94);color:var(--pbn-guide-ink);font-size:.82rem;font-weight:700}.pbn-custom-guide__photo-example figcaption span{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#2d6950}.pbn-custom-guide__tips{display:flex;flex-direction:column;justify-content:center}.pbn-custom-guide__tips article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--pbn-guide-line)}.pbn-custom-guide__tips article:first-child{border-top:1px solid var(--pbn-guide-line)}.pbn-custom-guide__tips p{margin-bottom:0;color:var(--pbn-guide-muted);font-size:.9rem}.pbn-custom-guide__tip-number{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--pbn-guide-coral);border-radius:50%;color:var(--pbn-guide-coral-dark);font-size:.78rem;font-weight:700}.pbn-custom-guide__avoid{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;margin-top:32px;padding:22px 26px;border-radius:14px;background:var(--pbn-guide-coral-soft)}.pbn-custom-guide__avoid strong{color:var(--pbn-guide-coral-dark)}.pbn-custom-guide__avoid ul{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding-left:20px;font-size:.86rem}.pbn-custom-guide__compare-section{padding-block:var(--pbn-guide-section-space);background:var(--pbn-guide-paper)}.pbn-custom-guide__compare-heading,.pbn-custom-guide__split-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:clamp(32px,7vw,100px);align-items:end;margin-bottom:clamp(36px,6vw,74px)}.pbn-custom-guide__compare-heading h2,.pbn-custom-guide__split-heading h2{max-width:13ch;margin-bottom:0}.pbn-custom-guide__compare{position:relative;width:min(1100px,100%);margin-inline:auto}.pbn-custom-guide__compare-media{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--pbn-guide-radius);background:var(--pbn-guide-surface);isolation:isolate}.pbn-custom-guide__compare-layer{position:absolute;top:0;right:0;bottom:0;left:0}.pbn-custom-guide__compare-layer--after{z-index:1}.pbn-custom-guide__compare-layer--before{z-index:2;clip-path:inset(0 calc(100% - var(--pbn-position)) 0 0)}.pbn-custom-guide__compare-layer img,.pbn-custom-guide__compare-layer svg{width:100%;height:100%;object-fit:cover}.pbn-custom-guide__compare-divider{position:absolute;top:0;bottom:0;left:var(--pbn-position);z-index:3;width:2px;background:var(--color-background);box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb) / .2);transform:translate(-1px);pointer-events:none}.pbn-custom-guide__compare-divider span{position:absolute;top:50%;left:50%;width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--color-background);border-radius:50%;background:var(--pbn-guide-ink);color:var(--color-background);font-size:1.25rem;transform:translate(-50%,-50%)}.pbn-custom-guide__compare-label{position:absolute;top:18px;z-index:4;padding:8px 11px;border-radius:7px;background:rgb(var(--color-foreground-rgb) / .82);color:var(--color-background);font-size:.75rem;font-weight:700;pointer-events:none}.pbn-custom-guide__compare-label--before{left:18px}.pbn-custom-guide__compare-label--after{right:18px}.pbn-custom-guide__compare-control{width:100%;height:42px;margin:8px 0 0;accent-color:var(--pbn-guide-coral);cursor:ew-resize}.pbn-custom-guide__compare-hint{margin:-4px 0 0;color:var(--pbn-guide-muted);font-size:.8rem;text-align:center}.pbn-custom-guide__process{padding-block:var(--pbn-guide-section-space);background:var(--pbn-guide-ink);color:var(--color-background)}.pbn-custom-guide__process h2{color:var(--color-background)}.pbn-custom-guide__process .rte{color:rgb(var(--color-background-rgb) / .78)}.pbn-custom-guide__triptych{margin:0}.pbn-custom-guide__triptych>img,.pbn-custom-guide__triptych>svg{width:100%;display:block;aspect-ratio:3 / 1;object-fit:cover;border-radius:var(--pbn-guide-radius)}.pbn-custom-guide__triptych figcaption{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1px;overflow:hidden;border-radius:14px;background:rgb(var(--color-background-rgb) / .12)}.pbn-custom-guide__triptych figcaption span,.pbn-custom-guide__process-mobile figcaption{display:flex;align-items:center;gap:10px;padding:16px 20px;background:rgb(var(--color-background-rgb) / .08);color:var(--color-background);font-size:.82rem;font-weight:700}.pbn-custom-guide__triptych b,.pbn-custom-guide__process-mobile b{width:25px;height:25px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--pbn-guide-butter);color:var(--pbn-guide-ink-strong);font-size:.72rem}.pbn-custom-guide__process-mobile{display:none}.pbn-custom-guide__story-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-auto-flow:dense;gap:18px}.pbn-custom-guide__story{position:relative;min-height:360px;margin:0;overflow:hidden;border-radius:var(--pbn-guide-radius);background:var(--pbn-guide-surface)}.pbn-custom-guide__story:first-child{grid-row:span 2;min-height:738px}.pbn-custom-guide__story:nth-child(4){grid-column:1 / -1;min-height:440px}.pbn-custom-guide__story>img,.pbn-custom-guide__story>svg{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.pbn-custom-guide__story:hover>img{transform:scale(1.025)}.pbn-custom-guide__story:after{position:absolute;top:42%;right:0;bottom:0;left:0;background:linear-gradient(transparent,rgb(var(--color-foreground-rgb) / .84));content:"";pointer-events:none}.pbn-custom-guide__story figcaption{position:absolute;right:22px;bottom:22px;left:22px;z-index:1;color:var(--color-background)}.pbn-custom-guide__story strong{display:block;margin-bottom:5px;font-family:var(--font-heading--family, inherit);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1}.pbn-custom-guide__story span{display:block;max-width:44ch;color:rgb(var(--color-background-rgb) / .84);font-size:.84rem}.pbn-custom-guide__making{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);background:var(--pbn-guide-cornflower-soft)}.pbn-custom-guide__making-media{min-height:660px;margin:0;overflow:hidden}.pbn-custom-guide__making-media>img,.pbn-custom-guide__making-media>svg{width:100%;height:100%;object-fit:cover}.pbn-custom-guide__making-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(62px,9vw,132px) var(--pbn-guide-gutter)}.pbn-custom-guide__making-copy h2{max-width:11ch}.pbn-custom-guide__making-copy>.rte{max-width:56ch;color:var(--pbn-guide-muted);font-size:1.02rem}.pbn-custom-guide__checks{margin:20px 0 30px}.pbn-custom-guide__checks ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.pbn-custom-guide__checks li{position:relative;padding-left:28px}.pbn-custom-guide__checks li:before{position:absolute;top:.55em;left:0;width:13px;height:7px;border-bottom:2px solid var(--pbn-guide-coral-dark);border-left:2px solid var(--pbn-guide-coral-dark);content:"";transform:rotate(-45deg)}.pbn-custom-guide__text-link{display:inline-flex;align-items:center;gap:8px;color:var(--pbn-guide-ink);font-weight:700;text-decoration-color:var(--pbn-guide-coral)}.pbn-custom-guide__accordion{border-top:1px solid var(--pbn-guide-line-strong)}.pbn-custom-guide__accordion details{border-bottom:1px solid var(--pbn-guide-line-strong)}.pbn-custom-guide__accordion summary{position:relative;padding:24px 50px 24px 0;color:var(--pbn-guide-ink);font-family:var(--font-heading--family, inherit);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;list-style:none;cursor:pointer}.pbn-custom-guide__accordion summary::-webkit-details-marker{display:none}.pbn-custom-guide__accordion summary:before,.pbn-custom-guide__accordion summary:after{position:absolute;top:50%;right:8px;width:17px;height:2px;background:var(--pbn-guide-ink);content:"";transition:transform .18s ease}.pbn-custom-guide__accordion summary:after{transform:rotate(90deg)}.pbn-custom-guide__accordion details[open] summary:after{transform:rotate(0)}.pbn-custom-guide__accordion .rte{max-width:68ch;padding-bottom:24px;color:var(--pbn-guide-muted)}.pbn-custom-guide__final{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(58px,8vw,106px) var(--pbn-guide-gutter);background:var(--pbn-guide-ink-strong);color:var(--color-background)}.pbn-custom-guide__final p{margin-bottom:8px;color:var(--pbn-guide-butter);font-size:.82rem;font-weight:700}.pbn-custom-guide__final h2{max-width:16ch;margin-bottom:0;color:var(--color-background)}@media(max-width:899px){.pbn-custom-guide__hero{min-height:auto;grid-template-columns:1fr}.pbn-custom-guide__hero-media{min-height:56vw;max-height:620px}.pbn-custom-guide__hero-media:after{top:55%;right:0;bottom:0;left:0;background:linear-gradient(transparent,rgb(var(--color-foreground-rgb) / .84))}.pbn-custom-guide__hero-copy{padding:48px var(--pbn-guide-gutter) 62px}.pbn-custom-guide__hero-copy h1{max-width:11ch}.pbn-custom-guide__promise-rail{grid-template-columns:1fr;padding-inline:0}.pbn-custom-guide__promise{border-right:0;border-bottom:1px solid var(--pbn-guide-line)}.pbn-custom-guide__promise:last-child{border-bottom:0}.pbn-custom-guide__photo-grid,.pbn-custom-guide__compare-heading,.pbn-custom-guide__split-heading,.pbn-custom-guide__making{grid-template-columns:1fr}.pbn-custom-guide__photo-example{min-height:520px}.pbn-custom-guide__tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pbn-custom-guide__tips article,.pbn-custom-guide__tips article:first-child{display:block;padding:20px;border:1px solid var(--pbn-guide-line);border-radius:14px;background:var(--pbn-guide-paper)}.pbn-custom-guide__tip-number{margin-bottom:18px}.pbn-custom-guide__triptych{display:none}.pbn-custom-guide__process-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pbn-custom-guide__process-mobile figure{margin:0;overflow:hidden;border-radius:14px;background:#ffffff14}.pbn-custom-guide__process-mobile img,.pbn-custom-guide__process-mobile svg{width:100%;aspect-ratio:1;object-fit:cover}.pbn-custom-guide__process-mobile figcaption{padding:14px}.pbn-custom-guide__story-grid{grid-template-columns:1fr 1fr}.pbn-custom-guide__story:first-child{grid-row:auto;min-height:420px}.pbn-custom-guide__story:nth-child(4){grid-column:auto;min-height:420px}.pbn-custom-guide__story{min-height:420px}.pbn-custom-guide__making-media{min-height:58vw}.pbn-custom-guide__making-copy{padding:70px var(--pbn-guide-gutter)}.pbn-custom-guide__final{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.pbn-custom-guide{--pbn-guide-section-space: 76px}.pbn-custom-guide h1{font-size:clamp(2.8rem,14.5vw,4.05rem)}.pbn-custom-guide h2{font-size:clamp(2.1rem,10vw,3.35rem)}.pbn-custom-guide__hero-media{min-height:62vw}.pbn-custom-guide__hero-copy{padding-top:34px;padding-bottom:46px}.pbn-custom-guide__actions{flex-direction:column}.pbn-custom-guide__actions .pbn-custom-guide__button{width:100%}.pbn-custom-guide__photo-example{min-height:112vw}.pbn-custom-guide__tips{grid-template-columns:1fr}.pbn-custom-guide__avoid{grid-template-columns:1fr;gap:10px}.pbn-custom-guide__avoid ul{display:grid;gap:7px}.pbn-custom-guide__compare-media{aspect-ratio:1}.pbn-custom-guide__compare-label{top:10px;padding:7px 9px}.pbn-custom-guide__compare-label--before{left:10px}.pbn-custom-guide__compare-label--after{right:10px}.pbn-custom-guide__process-mobile{grid-template-columns:1fr}.pbn-custom-guide__process-mobile figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.55fr);align-items:stretch}.pbn-custom-guide__process-mobile figcaption{align-items:center}.pbn-custom-guide__story-grid{grid-template-columns:1fr}.pbn-custom-guide__story,.pbn-custom-guide__story:first-child{min-height:112vw}.pbn-custom-guide__making-media{min-height:90vw}.pbn-custom-guide__final .pbn-custom-guide__button{width:100%}}@media(max-width:374px){.pbn-custom-guide__hero-copy h1{font-size:2.75rem}.pbn-custom-guide__photo-example{min-height:122vw}.pbn-custom-guide__compare-divider span{width:42px;height:42px}.pbn-custom-guide__process-mobile figure{grid-template-columns:minmax(0,1fr) 112px}}@media(prefers-reduced-motion:reduce){.pbn-custom-guide *,.pbn-custom-guide *:before,.pbn-custom-guide *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/pbn-custom-guide.css.map */