/* Public sample gallery — shares the homepage typography, header and footer. */
.samples-intro{display:grid;grid-template-columns:1fr 350px;gap:70px;align-items:center;padding:66px 0 46px}.samples-intro h1{font-size:58px;line-height:1.25;letter-spacing:-2.5px}.samples-intro h1 em{font-style:normal;color:var(--orange)}.intro-copy{font-size:17px;color:var(--mut);margin-top:24px;line-height:1.9}.sample-start{background:#F3EBDC;border-top:4px solid #D4865C;padding:26px 30px;transform:rotate(1deg)}.sample-start>span{font-size:12px;color:#78694E}.sample-start>b{display:block;font-size:24px;line-height:1.5;margin:10px 0}.sample-start .text-link{color:var(--orange)}.sample-start p{font-size:11px;color:var(--mut);margin-top:14px}.sample-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:68px}.sample-types>a{border:1px solid var(--line);border-radius:7px;padding:22px;background:#FFF;transition:border-color .15s,background .15s}.sample-types>a:hover,.sample-types>a[aria-current]{background:#FBF0E5;border-color:var(--orange)}.type-index{font-size:12px;color:var(--orange);font-weight:700}.sample-types strong{display:flex;justify-content:space-between;align-items:center;font-size:23px;margin:8px 0}.sample-types strong span{font-size:18px;color:var(--orange)}.sample-types b{display:block;font-size:14px}.sample-types small{display:block;font-size:12px;color:var(--mut);margin-top:5px}.gallery-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.gallery-heading h2{font-size:34px}.gallery-heading .eyebrow{margin-bottom:8px}.gallery-heading>p{font-size:13px;color:var(--mut)}.demo-login{background:#EBEEDF;border-left:3px solid #8B9C7B;padding:16px 20px;margin-bottom:24px;font-size:13px;color:#596250}.demo-login b{display:block;color:var(--green);font-size:14px;margin-bottom:3px}.tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:0 0 22px;border-bottom:1px solid var(--line);margin-bottom:28px}.sel{display:flex;gap:5px;flex-wrap:wrap}.sel a{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;font-size:14px;border-radius:5px}.sel a b{font-size:11px;font-weight:400;opacity:.7}.sel a.on{background:var(--green);color:white}.sel a:hover:not(.on){background:#EAECDD}.tools form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tools select,.tools button{min-height:44px;border:1px solid #D1D4C8;background:#fff;border-radius:5px;color:var(--ink);font:inherit;font-size:13px;padding:9px 12px;max-width:100%}.tools button{cursor:pointer;background:#EEEFE6;font-weight:700}.tools select:focus-visible,.tools button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.filt{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:22px}.filt span{color:var(--mut)}.filt a{margin-left:auto;color:var(--orange);min-height:44px;display:flex;align-items:center;font-weight:700}.g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.c{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}.sample-photo{position:relative;aspect-ratio:8/5;overflow:hidden;border-radius:6px;background:#E7E3D7}.sample-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.c:hover .sample-photo img{transform:scale(1.035)}.sample-photo .t{position:absolute;top:12px;left:12px;background:#FFFDF8;padding:4px 12px;font-size:12px;font-weight:700;border-radius:3px}.sample-photo .l{position:absolute;bottom:10px;right:10px;background:#293F33E8;color:#fff;font-size:11px;padding:3px 9px;border-radius:3px}.c .b{padding:18px 0}.c .b>b{font-size:22px;line-height:1.4;display:block;letter-spacing:-.6px}.c .b small{display:block;font-size:13px;color:var(--mut);margin-top:7px}.c .go{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.c .go a{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:9px 13px;border:1px solid #D1D4C8;border-radius:5px;background:#fff}.c .go a.p{margin-right:auto;border-color:var(--orange);color:var(--orange);background:#FFF6ED}.c .go a:hover{background:#EFEFE6}.c .go a.p:hover{background:var(--orange);color:#fff}.tip{grid-column:1/-1;padding:36px;text-align:center;background:#F3EBDC}.tip a{text-decoration:underline}.blk{margin-top:62px}.blk-h{margin-bottom:22px}.blk-h h2{font-size:28px;letter-spacing:-1px}.blk-h p{font-size:14px;color:var(--mut);margin-top:10px}.mode{display:flex;flex-wrap:wrap;gap:10px}.mode a{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 16px;border:1px solid var(--line);border-radius:5px;font-size:13px;background:#fff}.mode a.on,.mode a:hover{border-color:var(--orange);background:#FFF3E7}.mode i{font-style:normal}.mode b{font-size:11px;color:var(--mut)}.paydemo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pd{background:#F3EBDC;padding:26px;border-radius:7px;min-width:0}.pd h3{font-size:21px}.pd>p{font-size:13px;color:var(--mut);margin:10px 0 20px}.qrbox{display:flex;align-items:center;gap:20px}.qrbox img{width:106px;height:106px;flex:none;background:#fff}.qrbox>div{min-width:0}.qrbox b{display:block;font-size:13px}.qrbox .button{margin-top:10px;font-size:12px;padding:9px 12px;min-height:44px}.samples-ending{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);margin-top:70px;padding:54px 0 65px}.samples-ending h2{font-size:32px}.samples-ending p:not(.eyebrow){font-size:14px;color:var(--mut);margin-top:14px}.samples-ending>.button{flex-shrink:0}.samples-page .home-footer{border-top:1px solid var(--line)}
@media(max-width:1050px){.samples-intro{grid-template-columns:1fr 290px;gap:35px}.samples-intro h1{font-size:48px}.sample-types{gap:12px}.sample-types>a{padding:16px}.sample-types strong{font-size:21px}.g{grid-template-columns:repeat(2,minmax(0,1fr))}.samples-ending h2{font-size:28px}}
@media(max-width:760px){.samples-page .head-inner nav>a[href^='/#']{display:none}.samples-intro{grid-template-columns:1fr;gap:28px;padding:42px 0 30px}.samples-intro h1{font-size:43px}.intro-copy{font-size:15px;margin-top:18px}.sample-start{transform:none;padding:20px 24px}.sample-start>b{font-size:20px}.sample-start>b br{display:none}.sample-types{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:42px;gap:10px}.sample-types>a{padding:15px 13px}.sample-types strong{font-size:20px}.sample-types b{font-size:12px}.sample-types small{font-size:10px}.gallery-heading{display:block}.gallery-heading h2{font-size:27px}.gallery-heading>p{margin-top:14px;font-size:12px}.demo-login{padding:13px 16px;font-size:12px}.tools{gap:12px}.sel{gap:2px}.sel a{padding:8px 9px;font-size:12px}.tools form{width:100%}.tools select{flex:1;min-width:0}.g{gap:30px 18px}.c .b>b{font-size:19px}.c .go a{padding:9px;font-size:11px}.c .go a.p{flex-basis:100%;margin:0}.c .go a:not(.p){flex:1}.sample-photo .t{top:8px;left:8px;padding:3px 7px;font-size:10px}.sample-photo .l{font-size:10px}.blk{margin-top:42px}.blk-h h2{font-size:24px}.blk-h p{font-size:13px}.paydemo{grid-template-columns:1fr}.pd{padding:22px}.samples-ending{flex-direction:column;align-items:start;padding:38px 0 45px;margin-top:45px;gap:24px}.samples-ending h2{font-size:27px}.samples-ending>.button{width:100%}}
@media(max-width:480px){.g{grid-template-columns:1fr}.c .go a.p{flex-basis:auto;flex:2}.c .go a:not(.p){flex:1}.qrbox{gap:12px}.qrbox img{width:88px;height:88px}.qrbox .button{font-size:11px}.sample-types small{min-height:34px}.samples-intro h1{font-size:39px}.sample-start p br{display:none}}
@media(prefers-reduced-motion:reduce){.sample-photo img{transition:none}.c:hover .sample-photo img{transform:none}}