.hp-workshop-page .workshop-hero-showcase{background:linear-gradient(115deg,#fffdf8,#f4f3eb 52%,#dce8e1)}.hp-workshop-page .workshop-hero-showcase:before{display:none}.workshop-hero-showcase .workshop-hero-inner{gap:clamp(2rem,4vw,4rem);padding-block:3.5rem}.workshop-hero-showcase .workshop-hero-copy h1{letter-spacing:-.05em;max-width:11ch;font-size:clamp(3.5rem,5.5vw,5.4rem);line-height:.98}.listing-story{--story-ink:#123b68;--story-orange:#bd4b13;background:#123b68;border-radius:18px;justify-self:center;width:100%;min-width:0;max-width:650px;margin:0;overflow:hidden;box-shadow:0 24px 45px -22px #123b6855}.listing-story-heading{color:#fff;padding:24px 24px 18px}.listing-story-heading strong{font-size:1.4rem;line-height:1.2;display:block}.listing-story-heading>span{color:#c2dfee;margin-top:6px;font-size:.875rem;display:block}.listing-story-steps{background:#08294a;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;margin:0 18px;padding:5px;display:grid}.listing-story-steps button{color:#d0e1eb;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:0;padding:12px 8px;font-size:.95rem;font-weight:750}.listing-story-steps button span{margin-top:4px;font-size:.75rem;font-weight:450;display:block}.listing-story-steps button[aria-pressed=true]{color:#123b68;background:#fffdf8;box-shadow:0 3px 8px #0002}.listing-story-steps button:last-child[aria-pressed=true]{box-shadow:inset 0 -4px #d86a29}.listing-story-stage{padding:0 18px 18px}.listing-placement{color:#f6d7bf;justify-content:center;align-items:center;gap:6px;padding:14px 0;font-size:.8rem;line-height:1.35;display:flex}.listing-placement svg{flex-shrink:0}.listing-featured-paper{background:#fffdf8;border-radius:9px;animation:.55s ease-out both listing-profile-reveal;overflow:hidden}.listing-brand-row{align-items:center;gap:16px;padding:18px;display:flex}.listing-example-logo{object-fit:contain;background:#fffdf8;border:1px solid #d8e1d9;border-radius:8px;flex-shrink:0;width:100px;height:100px}.listing-brand-row>div{min-width:0}.listing-featured-badge{background:var(--story-orange);color:#fff;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:.75rem;font-weight:750;display:inline-flex}.listing-brand-row h3{color:#254939;letter-spacing:-.035em;margin:8px 0 5px;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:780;line-height:1.1}.listing-brand-row h3 span{letter-spacing:.04em;margin-top:3px;font-size:.85rem;font-weight:550;display:block}.listing-brand-row p{color:#50685b;align-items:center;gap:4px;margin:7px 0 0;font-size:.75rem;display:flex}.listing-brand-row p svg{flex-shrink:0}.listing-project-heading{color:#254939;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px;padding:0 18px 10px;display:flex}.listing-project-heading strong{font-size:.95rem}.listing-project-heading span{color:#526759;font-size:.75rem}.listing-project-compare{aspect-ratio:3/2;background:#dce6de;width:100%;position:relative;overflow:hidden}.listing-photo-layer{position:absolute;inset:0}.listing-photo-layer>img{object-fit:cover;width:100%;height:100%;display:block}.listing-photo-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.listing-photo-after{clip-path:inset(0 0 0 var(--split))}.listing-image-label{color:#fff;pointer-events:none;background:#173f30e8;border-radius:4px;padding:5px 9px;font-size:.8rem;font-weight:750;position:absolute;top:12px}.listing-label-before{background:#242d32e8;left:12px}.listing-label-after{right:12px}.listing-compare-divider{top:0;bottom:0;left:var(--split);pointer-events:none;filter:drop-shadow(0 1px 3px #0008);background:#fff;width:2px;position:absolute;transform:translate(-50%)}.listing-compare-divider svg{color:#123b68;background:#fff;border-radius:50%;width:42px;height:42px;padding:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.listing-project-compare input{cursor:ew-resize;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.listing-project-compare:focus-within{outline-offset:-4px;outline:4px solid #c76022}.listing-image-hint{color:#344e40;background:#e8eee8;margin:0;padding:7px 12px;font-size:.75rem;line-height:1.4}.listing-profile-body{padding:15px 18px 18px}.listing-example-story{color:#3b5044;margin:0;font-size:.9rem;line-height:1.5}.listing-services{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.listing-services>span{color:#365743;background:#eaf0e9;border-radius:4px;padding:4px 7px;font-size:.75rem}.listing-demo-actions{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.listing-demo-actions>span{color:#284a3b;background:#e9eeea;border-radius:5px;flex:auto;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:.8rem;font-weight:700;display:flex}.listing-demo-actions>.listing-estimate{color:#fff;background:#284b3b;flex-basis:100%;font-size:.9rem}.listing-added-value{grid-template-columns:1fr 1fr;gap:12px;padding:18px 0 0;display:grid}.listing-added-value>div{color:#eef4f7;align-items:flex-start;gap:7px;font-size:.8rem;line-height:1.4;display:flex}.listing-added-value svg{color:#f6b486;flex-shrink:0;margin-top:1px}.listing-story-disclosure{color:#476155;background:#f2f5ef;margin:0;padding:13px 20px;font-size:.75rem;line-height:1.45}.listing-story-disclosure strong{color:#284b3b;margin-bottom:4px;font-size:.875rem;display:block}.listing-story-stage[data-plan=basic]{padding-top:22px}.listing-basic-paper{background:#fffdf8;border-top:4px solid #91aca0;border-radius:9px;padding:24px}.listing-basic-label{color:#50675b;font-size:.8rem}.listing-basic-paper h3{color:#213d31;margin:14px 0 10px;font-size:1.55rem;font-weight:750;line-height:1.2}.listing-basic-paper p{color:#50665a;font-size:.9rem;line-height:1.5}.listing-basic-area{border-top:1px solid #d7dfd8;align-items:center;gap:6px;margin-top:20px;padding-top:16px;display:flex}.listing-basic-area svg{flex-shrink:0}.listing-basic-summary{color:#fff;padding:26px 6px 10px}.listing-basic-summary strong{font-size:1.25rem}.listing-basic-summary p{color:#c3dbe9;margin:10px 0 24px;font-size:.95rem;line-height:1.5}.listing-basic-summary>span{color:#c3dbe9;font-size:.875rem;line-height:1.5;display:block}.listing-basic-summary button{color:#ffd4b7;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;margin-top:6px;padding:6px 0;font-size:.9rem;font-weight:700;display:flex}.listing-story button:focus-visible{outline-offset:3px;outline:3px solid #e99a5c}@keyframes listing-profile-reveal{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:1023px){.workshop-hero-showcase .workshop-hero-copy h1{max-width:16ch}.workshop-hero-showcase .workshop-hero-inner{padding-block:2.5rem}.listing-story{max-width:600px}}@media (max-width:639px){.workshop-hero-showcase .workshop-hero-inner{gap:2rem;padding-block:1.75rem 2.25rem}.workshop-hero-showcase .workshop-hero-copy h1{max-width:15ch;font-size:clamp(2.35rem,10.5vw,3.2rem);line-height:1.03}.workshop-hero-showcase .workshop-hero-copy>p:not(.workshop-kicker){margin-top:1rem;font-size:1rem;line-height:1.5}.workshop-hero-showcase .workshop-hero-actions{gap:.6rem;margin-top:1.2rem}.workshop-hero-showcase :is(.workshop-primary,.workshop-secondary){flex:auto;padding-inline:.75rem;font-size:.875rem}.listing-story-heading{padding:20px 16px 16px}.listing-story-heading strong{font-size:1.25rem}.listing-story-steps{margin-inline:10px}.listing-story-steps button{font-size:.875rem}.listing-story-stage{padding-inline:10px}.listing-brand-row{gap:10px;padding:14px 12px}.listing-example-logo{width:80px;height:80px}.listing-brand-row h3{font-size:1.25rem}.listing-project-heading,.listing-profile-body{padding-inline:12px}.listing-added-value{gap:12px 8px}.listing-story-disclosure{padding-inline:14px}}@media (max-width:359px){.listing-example-logo{width:62px;height:62px}.listing-brand-row{gap:8px}.listing-brand-row h3{font-size:1.15rem}.listing-added-value{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.listing-featured-paper{animation:none}}
