/* Resource library, interactive tools and project gallery — three directions per family. */
.px-feature-document .px-document-spine>span{color:#e3d7ef}
.premium-collection .gx-review [data-collection-choice]:empty{display:none}
.premium-collection .gx-review [data-collection-choice]:not(:empty){color:var(--gx-accent);font-size:10px}
@media(max-width:800px){.premium-collection .gx-review [data-collection-choice]:not(:empty){position:absolute;bottom:calc(100% + 8px);right:0;padding:6px 10px;background:white;border:1px solid var(--sx-line)}}
.premium-collection{--gx-ink:#211a33;--gx-accent:#7128d7;--gx-muted:#655b73;--gx-head:84px;--px-ease:cubic-bezier(.22,1,.36,1)}
.premium-collection main{overflow:clip}.premium-collection [hidden]{display:none!important}.premium-collection main :is(button,input,select){font:inherit}.premium-collection main :is(a,button,input):focus-visible{outline:3px solid #7128d7;outline-offset:4px}.premium-collection main em{font-weight:500;color:#7128d7}.premium-collection main h1{font-size:clamp(46px,6.1vw,88px)}.premium-collection main h2{font-size:clamp(35px,4vw,57px)}.premium-collection main h3{font-size:clamp(27px,2.7vw,36px)}
.px-hero{padding-block:78px 60px}.px-hero.px-center{text-align:center}.px-hero>div>p{font-size:18px;max-width:690px;margin:27px 0 0!important;line-height:1.8}.px-center>div>p{margin-inline:auto!important}.px-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:31px}.px-center .px-actions{justify-content:center}.px-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.px-split h1{font-size:clamp(45px,5vw,70px)!important}.px-split>div>p{font-size:16px}.px-heading{margin-bottom:37px}.px-heading>p{font-size:16px;max-width:730px;margin-top:20px!important}.px-section{padding-block:92px}.px-soft{background:#f5f2f9}.px-feature-wrap{padding-bottom:20px}.px-tag{font-size:11px;background:#f0e7fb;color:#6227ac;padding:6px 12px;white-space:nowrap}
.px-feature-document{position:relative;display:grid;grid-template-columns:54px 1.08fr 1fr;overflow:hidden;background:#f0e9f8;color:var(--gx-ink);min-height:410px}.px-document-spine{padding:20px 15px;writing-mode:vertical-rl;display:flex;justify-content:space-between;background:var(--gx-ink);color:#e4d9f0;font-size:10px;letter-spacing:.04em}.px-feature-document>div:nth-child(2){padding:40px 42px;position:relative;z-index:1}.px-feature-document>div>span{font-size:11px;color:#685777}.px-feature-document h2{font-size:44px!important;margin-top:23px!important}.px-feature-document p{font-size:14px;max-width:430px;margin-top:23px!important}.px-feature-document strong{font-size:13px;display:block;margin-top:25px;font-weight:500;color:var(--gx-accent)}.px-feature-document>img{width:100%;height:100%;object-fit:cover;object-position:left top;transform:translateY(42px) translateX(20px);transition:transform .8s var(--px-ease)}.px-feature-document:hover>img{transform:translateY(23px) translateX(12px)}
.px-split .px-feature-document{grid-template-columns:35px 1fr;min-height:515px}.px-split .px-document-spine{grid-row:1/3;padding:20px 9px}.px-split .px-feature-document>div:nth-child(2){padding:30px 29px}.px-split .px-feature-document h2{font-size:39px!important}.px-split .px-feature-document p{display:none}.px-split .px-feature-document>img{grid-column:2;height:200px;transform:translateX(30px);object-position:top}.px-split .px-feature-document:hover>img{transform:translateX(16px)}
.px-library-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:28px;padding-bottom:22px;border-bottom:1px solid var(--sx-line)}.px-library-toolbar label{display:flex;flex-direction:column;gap:9px;font-size:12px;min-width:275px}.px-library-toolbar input{border:1px solid var(--sx-line);background:white;padding:12px 15px;font-size:13px!important;min-height:46px;min-width:280px;color:var(--gx-ink)}.px-library-toolbar input::placeholder{color:#70667b}.px-filter{display:flex;flex-wrap:wrap;gap:8px}.px-filter button{border:1px solid var(--sx-line);padding:11px 16px;background:white;color:var(--gx-muted);font-size:12px!important;min-height:43px;cursor:pointer}.px-filter button[aria-pressed=true]{background:var(--gx-ink);border-color:var(--gx-ink);color:white}.px-count{font-size:11px;padding:16px 0;color:var(--gx-muted);min-height:48px}.px-resource-list{border-top:1px solid var(--sx-line)}.px-resource-row{display:grid;grid-template-columns:160px 1.2fr 1fr 42px;align-items:center;gap:28px;padding:29px 0;border-bottom:1px solid var(--sx-line);position:relative}.px-resource-type{font-size:11px;color:var(--gx-accent)}.px-resource-type span{display:block;color:var(--gx-muted);font-size:10px;margin-top:6px}.px-resource-row h3{font-size:27px!important}.px-resource-row h3 a:hover{text-decoration:underline!important;text-underline-offset:4px}.px-resource-row p{font-size:13px}.px-bookmark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--sx-line);background:white;color:var(--gx-muted);cursor:pointer;font-size:21px!important}.px-bookmark[aria-pressed=true]{background:#ede0fc;border-color:#b899dc;color:#6423b4}.px-empty{padding:35px;background:#f7f4fa;text-align:center}.px-empty p{font-size:14px}.px-empty button{border:1px solid var(--sx-line);background:white;padding:10px 17px;margin-top:18px;color:var(--gx-accent);font-size:12px!important;cursor:pointer}
.px-decision{display:grid;grid-template-columns:.95fr 1.3fr;background:white;border:1px solid var(--sx-line);min-height:390px}.px-decision-options{padding:27px;background:var(--gx-ink)}.px-decision-options button{display:flex;gap:18px;align-items:center;width:100%;padding:22px 15px;text-align:left;border:0;background:transparent;color:#e0d5ed;font-size:15px!important;line-height:1.5;cursor:pointer}.px-decision-options button>span{font:11px 'JetBrains Mono',monospace;color:#bba3d6}.px-decision-options button>i{font-style:normal;margin-left:auto}.px-decision-options button[aria-pressed=true]{background:#453455;color:white}.px-decision-result{padding:40px 42px}.px-decision-result>span{font-size:11px;color:var(--gx-accent)}.px-decision-result h3{margin-top:17px!important}.px-decision-result>p{font-size:14px;margin-top:17px!important}.px-decision-result>ol{padding:0;list-style:none;margin:23px 0 0}.px-decision-result li{border-top:1px solid var(--sx-line)}.px-decision-result li>a{display:flex;gap:20px;align-items:center;padding:17px 0;font-size:14px}.px-decision-result li>a>small{color:var(--gx-accent);font-size:11px}.px-decision-result li>a>span{margin-left:auto}.px-decision-result li>a:hover{color:var(--gx-accent)}
.px-reading-path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--sx-line)}.px-reading-path>svg{position:absolute;left:26px;right:26px;top:28px;height:60px;width:calc(100% - 52px);pointer-events:none;z-index:0}.px-reading-path>svg path{stroke:#b68bdd;fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.px-reading-path>a{position:relative;padding:33px 35px;border-right:1px solid var(--sx-line)}.px-reading-path>a:last-child{border:0}.px-reading-path>a>span{display:grid;place-items:center;width:48px;height:48px;background:#f5effb;border:1px solid #dfd0ef;color:#6526b1;font:11px 'JetBrains Mono',monospace;position:relative}.px-reading-path h3{margin-top:30px!important;font-size:31px!important}.px-reading-path p{font-size:14px;margin-top:18px!important}.px-reading-path strong{font-size:12px;color:var(--gx-accent);display:block;margin-top:26px;font-weight:500}.px-reading-path>a:hover{background:#fbf9fd}.px-route-cover{padding:35px 42px;background:var(--gx-ink);color:white}.px-route-cover>span{font-size:12px;color:#d3c2e4}.px-route-cover>div{display:flex;gap:25px;align-items:center;border-bottom:1px solid #534360;padding:29px 0}.px-route-cover b{font:500 31px 'Source Serif 4',serif;color:#b695e5}.px-route-cover p{color:white!important;font:500 35px 'Source Serif 4',serif}.px-route-cover>a{display:inline-block;font-size:13px;margin-top:26px;color:#e2d6ef!important}
.px-calc-section{padding-block:0 10px}.px-calculator{background:white;border:1px solid var(--sx-line)}.px-calculator>header{padding:27px 35px;border-bottom:1px solid var(--sx-line);display:flex;justify-content:space-between;gap:25px;align-items:center}.px-calculator header>div>span{font-size:11px;color:var(--gx-muted)}.px-calculator header h2{font-size:31px!important;margin-top:8px!important}.px-calc-layout{display:grid;grid-template-columns:.9fr 1.2fr}.px-calc-controls{padding:33px 38px;border-right:1px solid var(--sx-line);background:#faf8fd}.px-calc-controls>label{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:13px;color:var(--gx-ink);margin-bottom:25px;align-items:center}.px-calc-controls output{font-size:15px;color:var(--gx-accent);font-variant-numeric:tabular-nums}.px-calc-controls input{grid-column:1/-1;width:100%;margin:2px 0;accent-color:var(--gx-accent);cursor:pointer;min-height:25px}.px-calc-controls>small{font-size:11px;color:var(--gx-muted);line-height:1.6}.px-time-result{padding:35px 40px;display:flex;flex-direction:column;justify-content:center}.px-time-result>span{font-size:12px;color:var(--gx-muted)}.px-time-pair{display:grid;grid-template-columns:1fr 25px 1fr;gap:25px;align-items:center;margin-top:25px}.px-time-pair b{font:500 52px/1.15 'Source Serif 4',serif;display:block;font-variant-numeric:tabular-nums;white-space:nowrap}.px-time-pair>div:last-child b{color:var(--gx-accent)}.px-time-pair>div>span{font-size:12px;color:var(--gx-muted);display:block;margin-top:8px}.px-time-pair>i{font-size:25px;font-style:normal;color:#a888cd}.px-time-ribbon{height:64px;display:flex;background:#f0e8f9;margin-top:30px;border-radius:5px;overflow:hidden}.px-time-ribbon>div{width:50%;background:var(--gx-ink);transition:width .65s var(--px-ease)}.px-time-ribbon>span{flex:1;background:#d6bcf1;transition:width .65s var(--px-ease)}.px-ribbon-legend{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--gx-muted);margin-top:10px}.px-ribbon-legend>span:last-child{text-align:right}.px-year{padding-block:21px;border-bottom:1px solid var(--sx-line)}.px-year>span{display:block;font-size:11px;color:var(--gx-muted)}.px-year>strong{font:500 27px 'Source Serif 4',serif;display:block;margin-top:6px}.px-year strong b{font-weight:600;color:var(--gx-accent);font-variant-numeric:tabular-nums}.px-time-result>p{font-size:11px;margin-top:18px!important;line-height:1.6}.px-time-result>.sx-text-link{font-size:12px;margin-top:23px;width:fit-content}.px-calculator>footer{padding:17px 35px;border-top:1px solid var(--sx-line);font-size:10px;color:var(--gx-muted)}
.px-calculator-b{border-color:#d9c7ee}.px-calculator-b .px-calc-layout{grid-template-columns:1fr}.px-calculator-b .px-time-result{grid-row:1;padding:40px 50px;background:var(--gx-ink);color:white;display:grid;grid-template-columns:1.2fr .8fr;column-gap:70px}.px-calculator-b .px-time-result>span{grid-column:1/-1;color:#d6c7e5}.px-calculator-b .px-time-pair{grid-column:1;grid-row:2}.px-calculator-b .px-time-pair b{font-size:64px;color:white}.px-calculator-b .px-time-pair>div:last-child b{color:#c3a0f3}.px-calculator-b .px-time-pair>div>span{color:#d1c2e0}.px-calculator-b .px-time-ribbon{grid-column:1/-1;height:100px;background:#aa80d7;border:1px solid #9d78c4;margin-top:29px}.px-calculator-b .px-time-ribbon>div{background:#453158}.px-calculator-b .px-time-ribbon>span{background:#c39bea}.px-calculator-b .px-ribbon-legend{grid-column:1/-1;color:#e4d9ee}.px-calculator-b .px-year{grid-column:2;grid-row:2;align-self:end;border-bottom:0;padding-bottom:4px}.px-calculator-b .px-year>span{color:#d4c5e2}.px-calculator-b .px-year>strong{font-size:32px}.px-calculator-b .px-year strong b{color:#c5a3f2}.px-calculator-b .px-time-result>p{color:#d8c9e5}.px-calculator-b .px-time-result>.sx-text-link{color:#ddccee;border-color:#736084;justify-self:end}.px-calculator-b .px-calc-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-right:0;padding:30px 40px}.px-calculator-b .px-calc-controls>label{font-size:12px;gap:12px;margin-bottom:0;align-content:start;min-width:0}.px-calculator-b .px-calc-controls output{grid-column:1/-1;font-size:21px}.px-calculator-b .px-calc-controls>small{grid-column:1/-1;font-size:10px}
.px-tool-list{border-top:1px solid var(--sx-line);margin-top:25px;display:grid;grid-template-columns:1fr 1fr}.px-tool-list>a{display:block;padding:33px 36px 31px 0;border-bottom:1px solid var(--sx-line)}.px-tool-list>a:nth-child(even){padding-left:36px;border-left:1px solid var(--sx-line)}.px-tool-list>a>div:first-child{display:flex;gap:17px;align-items:baseline}.px-tool-list>a>div>span{font:10px 'JetBrains Mono',monospace;color:var(--gx-accent)}.px-tool-list h3{font-size:29px!important}.px-tool-list p{font-size:14px;margin-top:18px!important;max-width:480px}.px-tool-list>a>div:last-child{display:flex;justify-content:space-between;gap:20px;margin-top:24px;align-items:center}.px-tool-list small{font-size:10px;color:var(--gx-muted)}.px-tool-list strong{font-size:12px;color:var(--gx-accent);font-weight:500;white-space:nowrap}.px-tool-list>a:hover h3{color:var(--gx-accent)}.px-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.px-principles article{border-top:1px solid #ccb9e1;padding-top:25px}.px-principles article>span{font-size:11px;color:var(--gx-accent)}.px-principles h3{margin-top:20px!important}.px-principles p{font-size:14px;margin-top:18px!important}.px-tool-cover{background:var(--gx-ink);padding:40px;color:white}.px-tool-cover>span{font-size:11px;color:#d1bfdf}.px-tool-cover h2{font-size:45px!important;margin-top:24px!important}.px-tool-cover a{display:block;font-size:14px;border-bottom:1px solid #5e4a6e;padding:22px 0}.px-tool-cover a:first-of-type{margin-top:20px}.px-tool-cover a:hover{color:#c7a5ef}
.px-showcase{border:1px solid var(--sx-line)}.px-showcase-nav{display:flex;overflow:auto;scrollbar-width:thin;border-bottom:1px solid var(--sx-line)}.px-showcase-nav button{flex:1;min-width:145px;border:0;border-right:1px solid var(--sx-line);padding:20px 17px;background:white;color:var(--gx-muted);font-size:12px!important;white-space:nowrap;cursor:pointer}.px-showcase-nav button:last-child{border-right:0}.px-showcase-nav button[aria-pressed=true]{background:var(--gx-ink);color:white}.px-showcase-stage{padding:35px;background:#f6f3fa}.px-portfolio-browser{background:white;border:1px solid var(--sx-line)}.px-portfolio-browser>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 19px;border-bottom:1px solid var(--sx-line);font-size:11px}.px-portfolio-browser>header span:first-child{letter-spacing:4px}.px-portfolio-scroll{height:600px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcb0c8 #f0ebf5;position:relative}.px-portfolio-scroll>img{width:100%;height:auto;display:block}.px-portfolio-scroll:focus-visible{outline:-webkit-focus-ring-color auto 1px;outline-offset:-3px}.px-showcase-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 0 0;align-items:end}.px-showcase-copy>div>span{font-size:11px;color:var(--gx-accent)}.px-showcase-copy h3{font-size:34px!important;margin-top:10px!important}.px-showcase-copy p{font-size:13px;max-width:520px}.px-showcase-copy a{font-size:12px;display:inline-block;margin-top:16px;text-decoration:underline!important;text-underline-offset:5px}.px-showcase-controls{display:flex;gap:9px;justify-content:end;margin-top:20px}.px-showcase-controls>button{background:white;border:1px solid var(--sx-line);color:var(--gx-accent);padding:9px 15px;font-size:12px!important;min-height:42px;cursor:pointer}
.px-beforeafter{border:1px solid var(--sx-line);background:white}.px-compare-screen{position:relative;aspect-ratio:1.6;overflow:hidden;--split:50%;touch-action:pan-y}.px-compare-screen>img{width:100%;height:100%;object-fit:cover;object-position:top}.px-before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.px-before-layer>img{width:100%;height:100%;object-fit:cover;object-position:top}.px-before-label,.px-after-label{position:absolute;top:20px;font-size:11px;padding:9px 14px;background:#211a33;color:white;pointer-events:none}.px-before-label{left:20px}.px-after-label{right:20px;background:white;color:var(--gx-ink)}.px-comparison-line{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:#7128d7;pointer-events:none}.px-comparison-line>b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--gx-accent);color:white;font:500 21px Inter,sans-serif;width:46px;height:46px;border-radius:50%;box-shadow:0 2px 6px #211a3330}.px-beforeafter>label{display:flex;gap:25px;align-items:center;padding:20px 30px;border-top:1px solid var(--sx-line);font-size:12px}.px-beforeafter input{flex:1;accent-color:var(--gx-accent);cursor:ew-resize;min-height:25px}.px-before-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:29px}.px-before-story p{font-size:15px}.px-before-story a{font-size:12px;margin-top:18px;display:inline-block}
.px-backstage .px-filter{margin-bottom:25px}.px-backstage-body{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:center;padding:33px;background:white;border:1px solid var(--sx-line)}.px-backstage-screen{max-height:670px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.px-backstage-screen img{width:100%;height:auto;display:block}.px-backstage-body>aside>span{font-size:11px;color:var(--gx-accent)}.px-backstage-body h3{font-size:32px!important;margin-top:18px!important}.px-backstage-body aside p{font-size:14px;margin-top:18px!important}.px-backstage-body aside a{font-size:12px;display:block;margin-top:23px;text-decoration:underline!important;text-underline-offset:4px}.px-backstage-body .px-tag{display:block;white-space:normal;margin-top:23px;font-size:10px;line-height:1.6}
.px-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:37px 30px}.px-project-card{min-width:0}.px-project-card>a{display:block;overflow:hidden;aspect-ratio:1.62;background:#f4eff9;border:1px solid var(--sx-line)}.px-project-card>a>img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;transition:transform .9s var(--px-ease)}.px-project-card>a:hover>img{transform:translateY(-3%)}.px-project-card>div{padding:23px 0 0}.px-project-card>div>span{font-size:11px;color:var(--gx-accent)}.px-project-card h3{font-size:31px!important;margin-top:11px!important}.px-project-card>div>p{font-size:14px;max-width:520px;margin-top:13px!important}.px-project-card>div>div{display:flex;gap:23px;align-items:center;margin-top:19px}.px-project-card>div a{font-size:12px;text-decoration:underline!important;text-underline-offset:4px}.px-project-cover{position:relative;display:block;overflow:hidden;height:540px;border:1px solid var(--sx-line)}.px-project-cover img{width:100%;height:100%;object-fit:cover;object-position:top}.px-project-cover>span{position:absolute;bottom:0;left:0;right:0;background:var(--gx-ink);color:white;padding:20px 25px;font-size:12px}.px-project-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.px-project-mosaic>a{overflow:hidden;position:relative;aspect-ratio:.8;display:block;border:1px solid var(--sx-line)}.px-project-mosaic>a:first-child{grid-column:1/-1;aspect-ratio:1.8}.px-project-mosaic img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.px-project-mosaic span{position:absolute;bottom:0;left:0;right:0;background:var(--gx-ink);color:white;font-size:11px;padding:12px 16px}.px-variant-c .px-project-grid{display:block;border-top:1px solid var(--sx-line)}.px-variant-c .px-project-card{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;padding-block:35px;border-bottom:1px solid var(--sx-line);align-items:center}.px-variant-c .px-project-card>a{aspect-ratio:1.6}.px-variant-c .px-project-card>div{padding:0}.px-variant-c .px-project-card h3{font-size:38px!important}.px-variant-b.px-family-realisations .px-hero{padding-block:65px}
.px-final{text-align:center;padding-block:85px 105px;border-top:1px solid var(--sx-line)}.px-final>.sx-button{margin-top:30px}.px-final>div{display:flex;gap:27px;justify-content:center;flex-wrap:wrap;margin-top:25px;font-size:12px}.px-final>div>a{border-bottom:1px solid var(--sx-line);padding-bottom:5px}.px-family-realisations .px-hero+.px-section{padding-top:20px}.px-workshop main.sx-wrap{padding:0}.px-workshop-intro{padding:55px 0 35px}.px-workshop-intro>p{font-size:18px;max-width:720px;margin-top:28px!important}.px-workshop-nav{display:flex;gap:12px;position:sticky;top:0;background:white;z-index:10;padding:18px 0;border-bottom:1px solid var(--sx-line);overflow:auto}.px-workshop-nav a{padding:10px 18px;background:#f1eaf9;font-size:13px;color:var(--gx-accent);white-space:nowrap}.px-workshop-family{padding-top:60px;scroll-margin-top:90px!important}.px-workshop-family>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.px-workshop-family>header>p{font-size:13px}.px-workshop .sx-hub-card h3{font-size:30px!important}.px-workshop .sx-hub-card>section{min-height:280px}.px-workshop .sx-hub-card p{min-height:70px}.px-workshop-footer{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;font-size:12px;padding:65px 0 45px}.px-workshop .sx-hub-grid{margin-bottom:0}
@media(max-width:1100px){.px-split{gap:36px}.px-split h1{font-size:55px!important}.px-feature-document h2{font-size:37px!important}.px-feature-document>div:nth-child(2){padding:32px}.px-split .px-feature-document h2{font-size:34px!important}.px-resource-row{grid-template-columns:115px 1.2fr 1fr 40px;gap:20px}.px-resource-row h3{font-size:25px!important}.px-decision{grid-template-columns:.9fr 1.2fr}.px-decision-options{padding:20px}.px-decision-options button{font-size:13px!important;padding:18px 13px}.px-decision-result{padding:32px}.px-calc-controls{padding:30px}.px-time-result{padding:30px}.px-time-pair{gap:18px}.px-time-pair b{font-size:45px}.px-calculator-b .px-time-result{gap:25px 40px;padding:35px}.px-calculator-b .px-time-pair b{font-size:50px}.px-tool-list h3{font-size:26px!important}.px-principles{gap:30px}.px-showcase-stage{padding:27px}.px-portfolio-scroll{height:560px}.px-backstage-body{grid-template-columns:1fr 240px;gap:28px;padding:27px}.px-backstage-body h3{font-size:29px!important}.px-reading-path>a{padding:30px}.px-reading-path h3{font-size:28px!important}.px-project-card h3{font-size:29px!important}.px-variant-c .px-project-card{gap:35px}.px-variant-c .px-project-card h3{font-size:34px!important}.px-workshop .sx-hub-card h3{font-size:25px!important}}
@media(max-width:800px){.premium-collection{--gx-head:72px}.px-hero{padding-block:53px 42px}.px-hero h1{font-size:60px!important}.px-hero>div>p{font-size:16px}.px-split{grid-template-columns:1fr;gap:32px}.px-split .px-feature-document{max-width:600px;width:100%;margin:auto}.px-feature-document{min-height:0;grid-template-columns:38px 1fr 1fr}.px-document-spine{padding:18px 11px;font-size:9px}.px-feature-document>div:nth-child(2){padding:28px}.px-feature-document h2{font-size:31px!important}.px-feature-document p{font-size:12px}.px-feature-document strong{font-size:11px}.px-section{padding-block:65px}.px-heading>p{font-size:15px}.px-library-toolbar{gap:23px;align-items:stretch}.px-library-toolbar label{width:100%}.px-library-toolbar input{min-width:0}.px-filter button{font-size:11px!important;padding:10px 13px}.px-resource-row{grid-template-columns:100px 1fr 40px;gap:20px}.px-resource-row>p{grid-column:2;grid-row:2}.px-resource-row>button{grid-column:3;grid-row:1/3}.px-resource-row h3{font-size:26px!important}.px-resource-row{row-gap:10px}.px-decision{grid-template-columns:1fr}.px-decision-options{display:flex;gap:7px;overflow:auto;padding:13px}.px-decision-options button{flex:1 0 175px;font-size:12px!important;line-height:1.5;gap:13px;padding:14px}.px-decision-options button>i{display:none}.px-decision-result{min-height:365px}.px-reading-path h3{font-size:26px!important}.px-reading-path>a{padding:25px}.px-reading-path p{font-size:12px}.px-reading-path strong{font-size:11px}.px-route-cover{max-width:570px;width:100%;margin:auto}.px-calc-layout{grid-template-columns:1fr}.px-calc-controls{border-right:0;border-bottom:1px solid var(--sx-line);display:grid;grid-template-columns:1fr 1fr;gap:23px 30px}.px-calc-controls>label{margin-bottom:0}.px-calc-controls>small{grid-column:1/-1}.px-time-result{padding:30px 35px}.px-time-pair b{font-size:52px}.px-calculator header h2{font-size:28px!important}.px-calculator-b .px-calc-controls{grid-template-columns:1fr 1fr;padding:28px;gap:22px 30px}.px-calculator-b .px-calc-controls output{grid-column:auto;font-size:16px}.px-calculator-b .px-time-result{grid-template-columns:1fr}.px-calculator-b .px-year{grid-column:1;grid-row:auto}.px-calculator-b .px-time-result>.sx-text-link{justify-self:start;margin-top:0}.px-calculator-b .px-time-result>p{margin-top:0!important}.px-calculator-b .px-time-ribbon{margin-top:0;height:90px}.px-calculator-b .px-ribbon-legend{margin-top:-17px}.px-tool-list>a{padding:26px 25px 26px 0}.px-tool-list>a:nth-child(even){padding-left:25px}.px-tool-list h3{font-size:26px!important}.px-tool-list p{font-size:13px}.px-tool-list>a>div:last-child{flex-direction:column;align-items:start;gap:12px}.px-principles{gap:25px}.px-principles h3{font-size:29px!important}.px-principles p{font-size:13px}.px-tool-cover{max-width:580px;width:100%;margin:auto}.px-portfolio-scroll{height:480px}.px-showcase-stage{padding:22px}.px-showcase-copy h3{font-size:29px!important}.px-showcase-copy p{font-size:12px}.px-before-story{gap:30px}.px-before-story h3{font-size:30px!important}.px-before-story p{font-size:13px}.px-backstage-body{grid-template-columns:1fr;gap:25px;padding:25px}.px-backstage-screen{max-height:590px}.px-backstage-body aside{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-items:start}.px-backstage-body aside>span:first-child{grid-column:1/-1}.px-backstage-body aside h3{grid-column:1;grid-row:2/5}.px-backstage-body aside p{grid-column:2;font-size:13px}.px-backstage-body aside>a{grid-column:2;margin-top:15px}.px-backstage-body .px-tag{grid-column:2;margin-top:15px}.px-project-grid{gap:30px 23px}.px-project-card h3{font-size:27px!important}.px-project-card>div>p{font-size:13px}.px-project-card>div>div{gap:17px;flex-wrap:wrap}.px-project-card>div a{font-size:11px}.px-project-cover{height:490px;max-width:570px;width:100%;margin:auto}.px-project-mosaic{max-width:600px;width:100%;margin:auto}.px-variant-c .px-project-card{gap:26px}.px-variant-c .px-project-card h3{font-size:29px!important}.px-final{padding-block:65px 105px}.px-workshop-intro h1{font-size:60px!important}.px-workshop-intro>p{font-size:16px}.px-workshop .sx-hub-card h3{font-size:23px!important}.px-workshop .sx-hub-card>section{min-height:280px}.px-workshop .sx-hub-card p{min-height:90px}.px-workshop-nav a{font-size:12px;padding:9px 15px}}
@media(max-width:540px){.px-hero h1,.px-split h1{font-size:43px!important}.px-hero h1 br{display:none}.px-hero>div>p{font-size:15px;margin-top:22px!important}.px-hero{padding-top:40px}.px-actions{margin-top:24px;gap:17px}.px-center .px-actions{flex-direction:column}.px-feature-document{grid-template-columns:30px 1fr}.px-document-spine{grid-row:1/3;font-size:8px;padding:16px 8px}.px-feature-document>div:nth-child(2){padding:27px 23px}.px-feature-document h2{font-size:35px!important;margin-top:20px!important}.px-feature-document p{font-size:13px;margin-top:18px!important}.px-feature-document strong{font-size:12px;margin-top:20px}.px-feature-document>img{grid-column:2;max-height:195px;object-fit:cover;object-position:top;transform:translateX(20px)}.px-split .px-feature-document{grid-template-columns:30px 1fr;min-height:0}.px-split .px-feature-document>div:nth-child(2){padding:26px 22px}.px-split .px-feature-document h2{font-size:34px!important}.px-split .px-feature-document>img{height:180px}.px-section{padding-block:54px}.px-heading{margin-bottom:28px}.px-heading h2 br{display:none}.px-heading>p{font-size:14px}.px-filter{gap:7px}.px-filter button{font-size:10px!important;padding:9px 11px;min-height:41px}.px-library-toolbar label{font-size:11px}.px-library-toolbar input{font-size:12px!important}.px-resource-row{grid-template-columns:1fr 40px;gap:12px 15px;padding:24px 0}.px-resource-type{grid-column:1;grid-row:1;font-size:10px;display:flex;gap:12px;align-items:center}.px-resource-type span{margin:0;font-size:9px}.px-resource-row h3{grid-row:2;grid-column:1;font-size:27px!important}.px-resource-row>p{grid-column:1;grid-row:3;font-size:12px}.px-resource-row>button{grid-column:2;grid-row:1/3;width:39px;height:42px}.px-count{font-size:10px;padding-block:14px;min-height:42px}.px-decision-options button{flex-basis:158px;font-size:11px!important;padding:13px 10px}.px-decision-options button>span{font-size:10px}.px-decision-result{padding:25px;min-height:365px}.px-decision-result h3{font-size:30px!important}.px-decision-result>p{font-size:13px}.px-decision-result li>a{font-size:12px;gap:15px}.px-reading-path{grid-template-columns:1fr}.px-reading-path>svg{display:none}.px-reading-path>a{padding:26px;border-right:0;border-bottom:1px solid var(--sx-line)}.px-reading-path>a>span{width:42px;height:42px}.px-reading-path h3{font-size:30px!important;margin-top:22px!important}.px-reading-path p{font-size:14px}.px-reading-path strong{font-size:12px}.px-route-cover{padding:30px}.px-route-cover p{font-size:29px}.px-route-cover>div{padding:24px 0}.px-route-cover b{font-size:27px}.px-calculator>header{padding:23px;align-items:start}.px-calculator header h2{font-size:28px!important}.px-calculator header>div>span{font-size:10px}.px-tag{font-size:9px;padding:5px 8px}.px-calc-controls{padding:24px;display:block}.px-calc-controls>label{font-size:12px;margin-bottom:22px}.px-calc-controls>small{font-size:10px}.px-time-result{padding:25px 24px}.px-time-pair{gap:14px;grid-template-columns:1fr 17px 1fr;margin-top:23px}.px-time-pair b{font-size:37px;white-space:normal}.px-time-pair>div>span{font-size:10px}.px-time-pair>i{font-size:20px}.px-time-ribbon{height:52px;margin-top:24px}.px-ribbon-legend{font-size:9px;gap:23px}.px-year>span{font-size:10px}.px-year>strong{font-size:26px}.px-time-result>p{font-size:10px}.px-time-result>.sx-text-link{font-size:11px}.px-calculator>footer{padding:16px 23px;font-size:9px}.px-calculator-b .px-time-result{padding:27px 24px;gap:21px}.px-calculator-b .px-time-pair{margin-top:0}.px-calculator-b .px-time-pair b{font-size:40px}.px-calculator-b .px-time-ribbon{height:75px}.px-calculator-b .px-year{padding-block:0}.px-calculator-b .px-year>strong{font-size:29px}.px-calculator-b .px-year>span{font-size:10px}.px-calculator-b .px-calc-controls{display:block;padding:24px}.px-calculator-b .px-calc-controls>label{margin-bottom:22px}.px-calculator-b .px-ribbon-legend{margin-top:-12px}.px-tool-list{grid-template-columns:1fr}.px-tool-list>a,.px-tool-list>a:nth-child(even){padding:26px 0;border-left:0}.px-tool-list h3{font-size:28px!important}.px-tool-list>a>div:last-child{flex-direction:row;align-items:center}.px-tool-list small{font-size:9px;max-width:190px}.px-tool-list strong{font-size:11px}.px-principles{grid-template-columns:1fr;gap:29px}.px-principles h3{font-size:33px!important}.px-principles h3 br{display:none}.px-principles p{font-size:14px}.px-tool-cover{padding:29px}.px-tool-cover h2{font-size:38px!important}.px-tool-cover a{font-size:13px;padding:19px 0}.px-showcase-stage{padding:13px}.px-showcase-nav button{font-size:11px!important;padding:16px 14px;min-width:135px}.px-portfolio-browser>header{font-size:9px;padding:11px 12px}.px-portfolio-browser>header span:first-child{display:none}.px-portfolio-scroll{height:390px}.px-portfolio-scroll>img{width:100%;max-width:100%;height:auto}.px-portfolio-scroll{height:auto;max-height:440px}.px-showcase-copy{grid-template-columns:1fr;gap:15px;padding:24px 8px 0}.px-showcase-copy h3{font-size:31px!important}.px-showcase-copy p{font-size:13px}.px-showcase-copy a{font-size:11px;margin-top:15px}.px-showcase-copy>div>span{font-size:10px}.px-showcase-controls{margin:18px 8px 7px}.px-showcase-controls>button{font-size:11px!important}.px-compare-screen{aspect-ratio:.95}.px-before-label,.px-after-label{top:12px;font-size:9px;padding:7px 8px}.px-before-label{left:12px}.px-after-label{right:12px}.px-comparison-line>b{width:39px;height:39px;font-size:18px}.px-beforeafter>label{flex-direction:column;align-items:stretch;gap:10px;padding:19px 22px;font-size:11px}.px-beforeafter input{width:100%}.px-before-story{grid-template-columns:1fr;gap:17px;padding-top:24px}.px-before-story h3{font-size:31px!important}.px-before-story a{font-size:11px}.px-backstage-body{padding:15px;gap:20px}.px-backstage-body aside{display:block;padding:7px}.px-backstage-body h3{font-size:30px!important;margin-top:13px!important}.px-backstage-body aside p{font-size:13px}.px-backstage-body aside>a{font-size:11px}.px-backstage-body .px-tag{font-size:9px}.px-backstage-screen{max-height:460px}.px-project-grid{grid-template-columns:1fr;gap:31px}.px-project-card h3{font-size:30px!important}.px-project-card>div{padding-top:18px}.px-project-card>div>span{font-size:10px}.px-project-card>div>p{font-size:13px}.px-variant-c .px-project-card{grid-template-columns:1fr;gap:22px;padding-block:26px}.px-variant-c .px-project-card h3{font-size:31px!important}.px-project-cover{height:425px}.px-project-cover>span{font-size:11px;padding:17px}.px-project-mosaic{gap:11px}.px-project-mosaic span{font-size:10px;padding:10px}.px-final h2 br{display:none}.px-final>div{font-size:11px;gap:20px}.px-final{padding-block:54px 105px}.px-workshop-intro{padding-top:35px}.px-workshop-intro h1{font-size:44px!important}.px-workshop-intro>p{font-size:15px}.px-workshop-nav{gap:7px;padding:12px 0}.px-workshop-nav a{padding:9px 11px;font-size:11px}.px-workshop-family{padding-top:38px}.px-workshop-family>header{align-items:start;flex-direction:column;gap:10px}.px-workshop-family>header p{font-size:12px}.px-workshop .sx-hub-card>section{min-height:0}.px-workshop .sx-hub-card h3{font-size:30px!important}.px-workshop .sx-hub-card p{min-height:0;font-size:13px}.px-workshop-footer{font-size:11px;padding:45px 0;gap:22px}}
@media(prefers-reduced-motion:reduce){.premium-collection *, .premium-collection *::before,.premium-collection *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.px-feature-document>img{transform:none!important}}

/* Workshop page container */
.px-workshop main.sx-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
@media(max-width:999px){.px-workshop main.sx-wrap{width:calc(100% - 56px)}}
@media(max-width:540px){.px-workshop main.sx-wrap{width:calc(100% - 40px)}}

.px-compare-screen{cursor:ew-resize;user-select:none;-webkit-user-select:none}.px-compare-screen img{pointer-events:none;-webkit-user-drag:none}.px-comparison-line,.px-comparison-line>b{touch-action:none}.px-beforeafter:has(input:focus-visible) .px-compare-screen{outline:3px solid #7128d7;outline-offset:4px}