.samples-page{color:var(--ink)}.sample-wrap{max-width:1240px;margin:auto;padding-left:38px;padding-right:38px}.sample-breadcrumb{flex-wrap:wrap;gap:14px;padding-top:24px;padding-bottom:24px;font-size:12px;display:flex}.samples-page p{color:#52657e;margin:0 0 20px;font-size:15px;line-height:2}.samples-page h1,.samples-page h2,.samples-page h3{color:var(--ink);line-height:1.65}.sample-hero{padding-top:50px;padding-bottom:65px;scroll-margin-top:28px}.sample-hero h1{margin:25px 0 26px;font-size:clamp(32px,3.5vw,48px)}.sample-lead{max-width:800px}.sample-lead p{font-size:17px}.sample-note{border-left:2px solid #aabbeb;max-width:900px;padding:10px 0 10px 20px}.sample-note p{margin:0;font-size:13px}.sample-anchors{gap:30px;margin:30px 0 18px;display:flex}.sample-link{color:var(--blue);align-items:center;gap:18px;padding:8px 0;font-size:13px;font-weight:650;line-height:1.9;display:inline-flex}.sample-link:hover{text-underline-offset:5px;text-decoration:underline}.sample-link>span:last-child{flex-shrink:0}.sample-small p{margin:0;font-size:12px}.sample-section{padding:75px 0;scroll-margin-top:28px}.sample-pale{background:var(--pale)}.sample-section h2{letter-spacing:-.015em;text-wrap:balance;margin:24px 0 28px;font-size:32px}.sample-section h3{margin:0 0 20px;font-size:21px}.sample-intro{max-width:880px;margin-bottom:32px}.sample-articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.sample-card{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;min-width:0;padding:30px 27px;display:flex}.sample-card .sample-category{color:var(--blue);margin-bottom:20px;font-size:12px}.sample-card h3{overflow-wrap:anywhere;margin:0 0 24px;font-size:19px}.sample-card .sample-reader{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;padding:16px 0;font-size:13px}.sample-card>p{font-size:14px}.sample-card .sample-link{align-self:flex-start;margin-top:auto;padding-top:24px}.sample-related{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.sample-related p{margin:16px 0 0;font-size:14px}.sample-tool-intro{max-width:880px}.sample-tool-intro h3{font-size:26px}.sample-screen{border:1px solid var(--line);background:#f3f6fc;border-radius:6px;margin:32px 0 50px;padding:12px}.sample-screen img{border-radius:3px;width:100%;height:auto;display:block}.sample-recipes{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:26px 0 48px;display:grid}.sample-recipes>div{border-top:2px solid #b9c8ef;padding-top:22px}.sample-number{color:var(--blue);letter-spacing:.1em;margin-bottom:15px;font-size:12px;display:block}.sample-recipes dt{margin-bottom:12px;font-size:16px;font-weight:650;line-height:1.8}.sample-recipes dd{color:#52657e;margin:0;font-size:14px;line-height:2}.sample-how{background:var(--pale);border:1px solid var(--line);border-radius:6px;padding:32px}.sample-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0;padding:0;list-style:none;display:grid}.sample-steps li{align-items:center;gap:14px;font-size:14px;line-height:1.8;display:flex}.sample-steps span{color:var(--blue);background:#fff;border:1px solid #bfcded;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.sample-limit{margin:24px 0}.sample-button{white-space:normal;justify-content:space-between;align-items:center;gap:30px;max-width:100%;font-size:13px;line-height:1.8;display:inline-flex}.sample-button span:last-child{flex-shrink:0}.sample-consult>p{max-width:850px}.sample-actions{align-items:center;gap:30px;margin-top:28px;display:flex}.samples-page a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}@media (max-width:900px){.sample-articles{gap:16px}.sample-card{padding:24px 20px}}@media (max-width:760px){.sample-wrap{padding-left:7%;padding-right:7%}.sample-hero{padding-top:28px;padding-bottom:45px}.sample-hero h1{font-size:30px}.sample-lead p{font-size:15px}.sample-section{padding:52px 0}.sample-section h2{font-size:26px}.sample-articles,.sample-recipes,.sample-steps{grid-template-columns:1fr}.sample-card{padding:26px}.sample-card h3{font-size:20px}.sample-anchors{flex-direction:column;gap:8px}.sample-recipes{gap:24px}.sample-screen{margin:26px 0 36px;padding:5px}.sample-how{padding:24px}.sample-steps{gap:16px}.sample-actions{flex-direction:column;align-items:stretch;gap:16px}.sample-button{padding:19px 20px}.sample-note{padding-left:15px}}.demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:38px;display:grid}.demo-project{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;overflow:hidden}.demo-visual{color:#fff;display:block}.demo-mini-header{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.demo-mini-header img{width:170px;height:auto}.demo-mini-header>span{color:#355847;font-size:10px}.demo-cover{aspect-ratio:3/2;background:#355847;position:relative;overflow:hidden}.demo-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.demo-cover:after{content:"";background:linear-gradient(90deg,#0f191494,#0f191414);position:absolute;inset:0}.demo-cover-copy{z-index:1;letter-spacing:.05em;font-size:clamp(18px,2.1vw,29px);font-weight:700;line-height:1.8;position:absolute;top:28%;left:7%}.demo-view{z-index:1;border-bottom:1px solid #fff;gap:24px;padding-bottom:6px;font-size:12px;display:flex;position:absolute;bottom:22px;right:22px}.demo-visual:hover .demo-cover>img{transform:scale(1.04)}.demo-industry{color:var(--blue);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;font-weight:650;display:flex}.demo-industry>span{color:#52657e;background:var(--pale);padding:3px 8px;font-size:10px}.demo-project-body>p{font-size:14px;line-height:1.9}.demo-tags{flex-wrap:wrap;gap:8px;margin:18px 0 24px;padding:0;list-style:none;display:flex}.demo-tags li{color:#355847;background:#f4f1eb;border-radius:3px;padding:5px 10px;font-size:11px}.demo-project-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.demo-project-bottom>span{color:#52657e;font-size:10px}.demo-project-bottom>a{color:var(--blue);white-space:nowrap;font-size:12px;font-weight:650}.demo-project-body .demo-image-credit{color:#52657e;margin:14px 0 0;font-size:10px}@media (max-width:760px){.demo-gallery{grid-template-columns:1fr;gap:24px}.demo-project-body{padding:22px}.demo-cover-copy{font-size:clamp(18px,5vw,28px)}.demo-mini-header{padding:10px 16px}.demo-mini-header img{width:145px}.demo-mini-header>span{font-size:9px}.demo-project-bottom{flex-direction:column;align-items:flex-start}.demo-project-bottom>a{padding:6px 0}}@media (prefers-reduced-motion:reduce){.demo-cover>img{transition:none}}.demo-cover-screenshot{background:#fff}.demo-cover-screenshot>img{object-fit:contain}.demo-cover-screenshot:after{display:none}.demo-cover-screenshot .demo-view{color:#245c59;background:#fffffff2;border-color:#245c59;padding:7px 10px}.demo-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-mini-header{box-sizing:border-box;height:64px;min-height:64px;padding:10px 14px}.demo-mini-header img{object-fit:contain;object-position:left center;width:138px;height:44px;display:block}.demo-mini-header>span{display:none}.demo-cover{aspect-ratio:16/9}.demo-cover-screenshot>img{object-fit:cover;object-position:center top}.demo-view{display:none}.demo-project-body{padding:20px}.demo-project-body h3{margin-bottom:10px;font-size:20px}.demo-project-body>p{font-size:14px}.demo-industry{margin-bottom:10px;font-size:12px}.demo-tags{gap:6px;margin:14px 0 18px}.demo-project-bottom{flex-direction:column;align-items:flex-start;gap:10px;padding-top:16px}.demo-project-bottom>a{padding:4px 0;font-size:14px}.demo-project-body .demo-image-credit{margin-top:10px}@media (max-width:1050px){.demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.demo-gallery{grid-template-columns:1fr;gap:20px}}.demo-card-caption{min-height:64px;color:var(--blue);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:13px;font-weight:600;line-height:1.6;display:flex}.demo-card-caption>span:last-child{font-size:20px;transition:transform .25s}.demo-card-link:hover .demo-card-caption>span:last-child{transform:translate(2px,-2px)}.demo-card-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.demo-card-link:focus-visible .demo-card-caption{text-decoration:underline}@media (prefers-reduced-motion:reduce){.demo-card-caption>span:last-child{transition:none}}.demo-showcase{background:#f5f7fb;padding-top:90px;padding-bottom:95px}.demo-showcase-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin:24px 0 30px;display:flex}.sample-section .demo-showcase-heading h2{letter-spacing:-.035em;text-wrap:initial;margin:0;font-size:clamp(29px,3.3vw,43px);line-height:1.55}.demo-showcase-heading .demo-gallery-intro{max-width:400px;margin:0;font-size:14px;line-height:2}.demo-showcase .sample-limit{background:#eaf0fa;border-left:0;border-radius:8px;max-width:none;margin:0 0 45px;padding:18px 23px}.demo-showcase .sample-limit p{max-width:85em;font-size:12px;line-height:1.9}.demo-showcase .demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 32px;margin-top:0}.demo-showcase .demo-project{background:#fff;border:0;border-radius:12px;transition:box-shadow .25s;overflow:hidden;box-shadow:0 1px #152b4b12}.demo-showcase .demo-card-link{color:var(--ink);height:100%;text-decoration:none;display:block}.demo-showcase .demo-cover{aspect-ratio:16/10;background:#e6edf7;border-bottom:1px solid #152b4b0d}.demo-showcase .demo-cover img{object-fit:cover;object-position:top;transition:transform .55s}.demo-info{padding:26px 28px 27px}.demo-meta{color:#52657e;align-items:center;gap:14px;margin-bottom:12px;font-size:11px;font-weight:550;line-height:1.6;display:flex}.demo-index{font-variant-numeric:tabular-nums;color:var(--blue);letter-spacing:.08em;border-right:1px solid #cbd5e7;padding-right:14px;font-size:11px}.sample-section .demo-info h3{letter-spacing:.015em;margin:0 0 12px;font-size:23px;line-height:1.5}.samples-page .demo-info p{max-width:31em;margin:0 0 22px;font-size:13px;line-height:1.85}.demo-open{color:var(--blue);border-top:1px solid #e3e9f2;justify-content:space-between;align-items:center;gap:15px;padding-top:16px;font-size:12px;font-weight:650;display:flex}.demo-open>span{border:1px solid #cbd8f4;border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;transition:transform .25s,background .25s,color .25s;display:grid}.demo-showcase .demo-card-link:hover .demo-cover img{transform:scale(1.025)}.demo-showcase .demo-project:hover{box-shadow:0 12px 32px #15336712}.demo-card-link:hover .demo-open>span{background:var(--blue);color:#fff;transform:translate(2px,-2px)}.demo-showcase .demo-card-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:12px}.demo-showcase .demo-project-wide{grid-column:1/-1}.demo-project-wide .demo-card-link{grid-template-columns:1.12fr 1fr;align-items:center;display:grid}.demo-project-wide .demo-cover{aspect-ratio:16/10;border-bottom:0}.demo-project-wide .demo-info{padding:30px 42px}.demo-project-wide .demo-info h3{font-size:28px}@media (max-width:900px){.demo-showcase-heading{display:block}.demo-showcase-heading .demo-gallery-intro{margin-top:22px}.demo-intro-break{display:none}.demo-showcase .demo-gallery{gap:25px}.demo-info{padding:22px}.sample-section .demo-info h3{font-size:20px}.demo-project-wide .demo-info{padding:25px}}@media (max-width:760px){.demo-showcase{padding:55px 0 60px}.demo-showcase-heading{margin:20px 0 25px}.sample-section .demo-showcase-heading h2{font-size:29px}.demo-showcase-heading .demo-gallery-intro{margin-top:20px;font-size:13px}.demo-showcase .sample-limit{margin-bottom:30px;padding:17px 18px}.demo-showcase .sample-limit p{font-size:11px}.demo-showcase .demo-gallery{grid-template-columns:1fr;gap:28px}.demo-project-wide .demo-card-link{display:block}.demo-showcase .demo-project-wide{grid-column:auto}.demo-info,.demo-project-wide .demo-info{padding:23px}.sample-section .demo-info h3,.demo-project-wide .demo-info h3{font-size:22px}.samples-page .demo-info p{margin-bottom:20px;font-size:13px}.demo-showcase .demo-cover,.demo-project-wide .demo-cover{aspect-ratio:16/10}.demo-open{min-height:44px;padding-top:13px}.demo-open>span{width:33px;height:33px}}@media (prefers-reduced-motion:reduce){.demo-showcase .demo-cover img,.demo-showcase .demo-project,.demo-open>span{transition:none}.demo-showcase .demo-card-link:hover .demo-cover img,.demo-card-link:hover .demo-open>span{transform:none}}