.examples-main{--orange:#f36810;--orange-dark:#df5808;--muted:#65686e;--line:#e9e3de;--canvas:#fdfbf9;--soft:#fff1e8;--peach:#ffe4d4;--green:#168658;--shadow:0 14px 38px rgba(54,40,27,.045);--radius:16px}.examples-main *{box-sizing:border-box}.examples-main button,.examples-main select{font:inherit}.examples-main a{color:inherit;text-decoration:none}.examples-main button{cursor:pointer}.examples-main a:focus-visible,.examples-main button:focus-visible,.examples-main input:focus-visible,.examples-main select:focus-visible{outline:3px solid #ffa366;outline-offset:2px}.examples-main img{display:block;width:100%;height:auto}.examples-main{max-width:1240px;padding:0 22px;margin:0 auto}.examples-main .eyebrow{color:var(--orange-dark);font-size:12px;font-weight:760;letter-spacing:.12em;text-transform:uppercase;display:inline-block}.examples-main .kicker{display:inline-flex;color:#d95108;background:#ffede1;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:780;letter-spacing:.055em}.examples-main .hero{display:grid;grid-template-columns:42% 58%;align-items:center;gap:26px;padding:56px 0 42px}.examples-main .hero h1{font-weight:725;letter-spacing:-2.5px;line-height:1.11;font-size:51px;margin:20px 0 17px}.examples-main .hero h1 em{font-style:normal;color:var(--orange)}.examples-main .hero p{font-size:17px;color:#565960;line-height:1.62;max-width:460px;margin:0 0 22px}.examples-main .quick-links{display:flex;gap:10px;flex-wrap:wrap}.examples-main .quick-links a{border:1px solid #eddfd5;border-radius:40px;padding:9px 13px;background:#fff;font-size:12px;font-weight:600;color:#53565a}.examples-main .quick-links a:hover{border-color:var(--orange);color:var(--orange)}.examples-main .hero-preview{position:relative}.examples-main .compare{position:relative;border-radius:15px;overflow:hidden;isolation:isolate;--split:50%;background:#d7ccc3;aspect-ratio:1.95;box-shadow:0 10px 26px rgba(42,34,25,.1)}.examples-main .compare img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;user-select:none;pointer-events:none}.examples-main .compare .after-img{clip-path:inset(0 0 0 var(--split))}.examples-main .compare:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.09),transparent 19%,transparent 72%,rgba(0,0,0,.19));pointer-events:none}.examples-main .compare__split{position:absolute;z-index:4;top:0;bottom:0;left:var(--split);width:2px;background:white;transform:translateX(-50%);box-shadow:0 0 7px rgba(0,0,0,.2);pointer-events:none}.examples-main .compare__handle{position:absolute;z-index:5;left:var(--split);top:50%;transform:translate(-50%,-50%);height:42px;width:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#373b3e;box-shadow:0 4px 14px #0004;pointer-events:none;font-size:18px;font-weight:800}.examples-main .compare__label{position:absolute;z-index:3;bottom:15px;background:#171b1bbd;color:white;font-size:12px;font-weight:640;border-radius:8px;padding:7px 10px}.examples-main .compare__label--before{left:15px}.examples-main .compare__label--after{right:15px}.examples-main .compare input[type=range]{position:absolute;inset:0;z-index:9;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.examples-main .hero-preview .compare{border:5px solid white}.examples-main .concept-note{font-size:11px;color:#88817d;text-align:right;margin-top:8px}.examples-main .proof-strip{background:linear-gradient(105deg,#fff2e9,#fff8f2);border:1px solid #f8e3d6;border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);padding:20px 22px;gap:20px}.examples-main .proof-point{display:flex;align-items:center;gap:13px;min-width:0}.examples-main .proof-point:not(:last-child){border-right:1px solid #eeddd2}.examples-main .proof-point .lineicon{color:var(--orange);font-size:25px;flex:0 0 30px;text-align:center}.examples-main .proof-point strong{display:block;font-size:14px;font-weight:700;margin-bottom:4px}.examples-main .proof-point span{color:#707071;font-size:12px;line-height:1.5}.examples-main .section-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:52px 0 23px}.examples-main .section-head h2{font-size:29px;letter-spacing:-1px;margin:0 0 7px;font-weight:720}.examples-main .section-head p{font-size:14px;color:var(--muted);margin:0}.examples-main .review-disclaimer{font-size:12px;display:flex;gap:7px;align-items:center;border-radius:9px;color:#9a5a25;background:#fff6eb;border:1px solid #f6dfc4;padding:9px 12px;white-space:nowrap}.examples-main .filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.examples-main .tabs{display:flex;flex-wrap:wrap;gap:9px}.examples-main .tab{border:1px solid #e3ded9;background:#fff;border-radius:22px;padding:9px 17px;font-size:13px;font-weight:630;color:#474a4c;transition:.16s ease}.examples-main .tab.active{border-color:var(--orange);background:var(--orange);color:#fff}.examples-main .tab:hover:not(.active){border-color:#f3b18c}.examples-main .selectbox{padding:10px 13px;border:1px solid #e2dbd6;border-radius:10px;color:#3e4548;background:white;min-width:140px;font-size:13px}.examples-main .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.examples-main .case-card{background:#fff;border:1px solid #ebe4df;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .15s ease,transform .15s ease}.examples-main .case-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px #34251812}.examples-main .case-card .compare{aspect-ratio:1.95;border-radius:0;box-shadow:none}.examples-main .case-card .compare__handle{width:34px;height:34px;font-size:14px}.examples-main .case-card .compare__label{bottom:11px;font-size:10px;padding:5px 7px}.examples-main .case-card__body{padding:17px 17px 19px}.examples-main .case-card__top{display:flex;align-items:center;gap:7px;margin-bottom:10px}.examples-main .tag{font-size:11px;font-weight:680;display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;color:#d75213;background:#ffede3}.examples-main .tag.muted{background:#f6f5f3;color:#656565}.examples-main .case-card h3{font-weight:710;font-size:17px;letter-spacing:-.35px;margin:0 0 7px}.examples-main .case-card .desc{font-size:12px;color:#727477;line-height:1.5;min-height:38px;margin:0 0 12px}.examples-main .dimensions{font-size:12px;color:#555b60;display:flex;gap:7px;align-items:center;margin-bottom:15px;font-variant-numeric:tabular-nums}.examples-main .dimensions svg{flex-shrink:0;width:15px;height:15px;color:#8e9294}.examples-main .card-link{font-weight:730;font-size:13px;color:#e85e0a}.examples-main .card-link:hover{text-decoration:underline}.examples-main .no-results{display:none;padding:48px;border:1px dashed #e8d9cf;border-radius:14px;text-align:center;color:#777}.examples-main .check-section{display:grid;grid-template-columns:240px 1fr;gap:30px;margin:55px 0 30px;border-top:1px solid #ece8e4;padding-top:30px}.examples-main .check-section h2{font-size:26px;letter-spacing:-.7px;margin:0 0 10px}.examples-main .check-section p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.examples-main .check-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.examples-main .check-item{min-width:0}.examples-main .check-thumb{height:91px;border-radius:11px;overflow:hidden;background:#f8f3f0;margin-bottom:11px}.examples-main .check-thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1.8)}.examples-main .check-item strong{font-size:13px;display:block;margin-bottom:5px}.examples-main .check-item span{font-size:12px;color:#747679;line-height:1.5;display:block}.examples-main .disclosure{font-size:12px;color:#666b6d;border-radius:10px;background:#fff9f5;border:1px solid #f4e7df;padding:13px 15px;line-height:1.6;margin:26px 0}.examples-main .action-banner{background:linear-gradient(100deg,#fff0e4,#ffe1ce);border:1px solid #fedac6;border-radius:18px;padding:25px 29px;display:flex;align-items:center;gap:20px;margin:28px 0 33px}.examples-main .action-icon{font-size:30px;color:var(--orange);background:white;width:58px;height:58px;display:grid;place-items:center;border-radius:14px}.examples-main .action-banner h2{font-size:23px;letter-spacing:-.7px;margin:0 0 5px}.examples-main .action-banner p{color:#5d5553;margin:0;font-size:13px}.examples-main .btn-primary{margin-left:auto;background:var(--orange);border:1px solid #f2610b;color:#fff;font-weight:720;padding:13px 22px;border-radius:11px;white-space:nowrap;box-shadow:0 4px 9px #d65a0919}.examples-main .btn-primary:hover{background:var(--orange-dark)}.examples-main .breadcrumbs{display:flex;gap:9px;align-items:center;color:#81858a;font-size:12px;padding:27px 0}.examples-main .breadcrumbs a:hover{color:var(--orange)}.examples-main .detail-hero{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:26px}.examples-main .detail-hero h1{font-size:41px;letter-spacing:-1.8px;line-height:1.12;margin:13px 0 10px;font-weight:730}.examples-main .detail-hero p{color:#6a6e70;max-width:660px;line-height:1.55;margin:0}.examples-main .detail-hero .pill-stack{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.examples-main .detail-tag{background:#fff0e6;color:#df5a15;font-size:12px;font-weight:700;padding:7px 11px;border-radius:8px}.examples-main .detail-tag.neutral{color:#65696d;background:#f4f3f1}.examples-main .case-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:24px;align-items:start}.examples-main .viewer{background:#252b2b;border-radius:16px;padding:19px;min-width:0}.examples-main .viewer-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.examples-main .segmented{background:#39403f;border:1px solid #4b5150;border-radius:11px;padding:4px;display:flex;gap:3px}.examples-main .segmented button{border:0;border-radius:8px;color:#d6ddda;background:none;padding:9px 13px;font-size:12px;font-weight:650}.examples-main .segmented button.selected{color:#d6570c;background:white}.examples-main .viewer-right{display:flex;gap:9px;align-items:center;color:#d3d9d6;font-size:12px}.examples-main .viewchip{border:1px solid #535a58;padding:9px 11px;border-radius:8px}.examples-main .viewer .compare{aspect-ratio:1.68;box-shadow:none}.examples-main .viewer-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c1c5c4;margin:13px 0 20px}.examples-main .viewer-caption span:last-child{color:#faa26b}.examples-main .crop-label{color:#e9efec;font-weight:650;font-size:13px;margin-bottom:11px}.examples-main .crop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.examples-main .crop-tile{border-radius:11px;overflow:hidden;background:#565b59;position:relative;height:175px}.examples-main .crop-tile img{height:100%;width:100%;object-fit:cover;transform:scale(1.75);object-position:65% 45%}.examples-main .crop-tile small{position:absolute;top:10px;left:10px;color:white;background:#111b1ac4;font-size:11px;padding:6px 8px;border-radius:8px}.examples-main .viewer-bottom{padding:14px 2px 2px;font-size:11px;color:#bec4c1}.examples-main .detail-side{background:#fff;border:1px solid #ede5e0;box-shadow:var(--shadow);padding:21px;border-radius:15px}.examples-main .detail-side h2{font-size:18px;margin:0 0 14px;letter-spacing:-.3px}.examples-main .spec-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #f0eeeb;font-size:12px}.examples-main .spec-row span{color:#808285}.examples-main .spec-row strong{font-weight:660;text-align:right}.examples-main .spec-subhead{font-weight:720;margin:22px 0 9px;font-size:14px}.examples-main .bullets{margin:0;padding:0 0 0 17px;color:#686d6e;font-size:12px;line-height:1.75}.examples-main .bullets li{padding-left:2px;margin:3px 0}.examples-main .caution{margin-top:20px;background:#fff6ee;border:1px solid #fbe1cb;border-radius:11px;padding:12px;font-size:11px;line-height:1.55;color:#805a45}.examples-main .detail-side .btn-primary{display:block;text-align:center;margin:19px 0 0;width:100%}.examples-main .article-body{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:32px 0 48px}.examples-main .article-card{padding:25px 27px;border:1px solid #ece5e0;background:white;border-radius:15px}.examples-main .article-card h2{margin:0 0 12px;font-size:19px;letter-spacing:-.5px}.examples-main .article-card li,.examples-main .article-card p{font-size:13px;line-height:1.72;color:#686d70}.examples-main .article-card ul{padding-left:20px;margin:0}.examples-main .related-cases{margin:40px 0}.examples-main .related-cases h2{font-size:25px;letter-spacing:-.5px}.examples-main .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.examples-main .related-card{border:1px solid #eee5df;border-radius:12px;overflow:hidden;background:#fff}.examples-main .related-card img{height:118px;object-fit:cover}.examples-main .related-card span{display:block;font-size:13px;font-weight:700;padding:11px 13px}.examples-main .related-card:hover span{color:var(--orange)}@media(max-width:1050px){.examples-main .hero{grid-template-columns:44% 56%}.examples-main .hero h1{font-size:43px}.examples-main .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-main .check-section{grid-template-columns:1fr}.examples-main .case-layout{grid-template-columns:minmax(0,1fr) 300px}.examples-main .detail-hero h1{font-size:36px}}@media(max-width:760px){.examples-main{padding:0 16px}.examples-main .hero{display:flex;flex-direction:column;align-items:stretch;padding:27px 0 25px;gap:15px}.examples-main .hero h1{font-size:37px;letter-spacing:-1.65px;margin:12px 0}.examples-main .hero p{font-size:14px;line-height:1.55;margin-bottom:14px}.examples-main .quick-links{gap:6px}.examples-main .quick-links a{font-size:11px;padding:7px 10px}.examples-main .compare__handle{width:36px;height:36px}.examples-main .hero-preview .compare{border-width:3px}.examples-main .concept-note{text-align:left}.examples-main .proof-strip{grid-template-columns:1fr;gap:0;padding:8px 15px}.examples-main .proof-point{padding:10px 0}.examples-main .proof-point:not(:last-child){border-right:0;border-bottom:1px solid #f0ded1}.examples-main .proof-point .lineicon{font-size:22px}.examples-main .section-head{display:block;margin:31px 0 18px}.examples-main .section-head h2{font-size:25px;margin-bottom:7px}.examples-main .review-disclaimer{margin-top:13px;white-space:normal}.examples-main .filters{align-items:stretch;flex-direction:column;margin-bottom:17px}.examples-main .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 7px}.examples-main .tab{white-space:nowrap;font-size:12px}.examples-main .selectbox{align-self:flex-end}.examples-main .case-grid{grid-template-columns:1fr;gap:15px}.examples-main .case-card__body{padding:14px 15px}.examples-main .case-card .compare{aspect-ratio:2.05}.examples-main .case-card h3{font-size:16px}.examples-main .case-card .desc{min-height:0}.examples-main .check-section{gap:18px;margin-top:35px}.examples-main .check-section h2{font-size:23px}.examples-main .check-list{grid-template-columns:repeat(2,1fr);gap:17px}.examples-main .check-thumb{height:100px}.examples-main .disclosure{font-size:11px}.examples-main .action-banner{padding:20px 17px;flex-wrap:wrap;gap:12px}.examples-main .action-icon{width:42px;height:42px;font-size:24px}.examples-main .action-banner h2{font-size:19px}.examples-main .action-banner p{font-size:11px}.examples-main .action-banner .btn-primary{width:100%;margin:0;text-align:center}.examples-main .breadcrumbs{padding:19px 0;flex-wrap:wrap}.examples-main .detail-hero{display:block;margin-bottom:16px}.examples-main .detail-hero h1{font-size:31px;letter-spacing:-1.15px}.examples-main .detail-hero p{font-size:13px}.examples-main .case-layout{grid-template-columns:1fr;gap:16px}.examples-main .viewer{padding:10px;border-radius:13px}.examples-main .viewer-toolbar{flex-wrap:wrap}.examples-main .segmented button{padding:8px 11px}.examples-main .viewer-right{font-size:11px}.examples-main .viewer .compare{aspect-ratio:1.32}.examples-main .viewer-caption{font-size:10px;flex-wrap:wrap}.examples-main .crop-tile{height:120px}.examples-main .detail-side{padding:19px}.examples-main .article-body{grid-template-columns:1fr;gap:13px;margin-top:22px}.examples-main .article-card{padding:21px}.examples-main .related-grid{grid-template-columns:1fr}.examples-main .related-card{display:flex;align-items:center}.examples-main .related-card img{width:34%;height:94px}.examples-main .related-card span{flex:1}.examples-main .related-cases{margin:30px 0}}.examples-main .hero .compare{aspect-ratio:2.05}.examples-main .case-card .compare{aspect-ratio:2.15}.examples-main .check-thumb img{transform:scale(1.2)}@media(max-width:760px){.examples-main .hero .compare{aspect-ratio:1.65}.examples-main .case-card .compare{aspect-ratio:2.05}}.examples-main .hero{grid-template-columns:minmax(0,42fr) minmax(0,58fr)}@media(max-width:1050px){.examples-main .hero{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}}@media(max-width:760px){.examples-main .hero{display:flex;flex-direction:column}}.examples-main{--orange:var(--example-brand,#ed6500);--ink:#171a1d;font-family:inherit;color:var(--ink);line-height:normal;min-width:0}.examples-main .eyebrow{background:none;border-radius:0;padding:0;line-height:normal}.examples-main .hero{position:static}.examples-main .hero>div{min-width:0}.examples-main button{min-height:0;line-height:normal}.examples-main .lineicon{height:25px;stroke-width:1.6}.examples-main .btn-primary{display:inline-flex;justify-content:center;align-items:center;font-size:15px;line-height:1.25}.examples-main .btn-primary:hover{color:white}.examples-main .no-results{display:block}.examples-main .no-results button{color:var(--orange);font-weight:700;padding:8px}.examples-main .compare:focus-within{outline:3px solid var(--orange);outline-offset:3px}.examples-main .compare input[type=range]{appearance:none;-webkit-appearance:none}.examples-main .compare input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:2px;height:100%;background:transparent}.examples-main .compare input[type=range]::-moz-range-thumb{width:2px;border:0;background:transparent}.examples-main .viewchip{color:inherit;background:transparent}.examples-main .viewchip.selected{border-color:#c7d1cd;background:#39403f}.examples-main .viewer-scroll{overflow:auto;border-radius:15px;max-width:100%}.examples-main .actual-pixels{max-height:512px}.examples-main .actual-pixels .compare{width:var(--image-width);height:var(--image-height);max-width:none;aspect-ratio:auto}.examples-main .actual-pixels .compare img{object-fit:fill}.examples-main .crop-tile img{position:absolute;width:1152px;height:512px;max-width:none;object-fit:fill}.examples-main .crop-controls{display:flex;gap:18px;margin-top:12px;color:#c1c5c4;font-size:11px}.examples-main .crop-controls label{flex:1;min-width:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.examples-main .crop-controls input{min-width:0;width:100%;accent-color:var(--orange)}.examples-main .article-card p{margin:0 0 13px}.examples-main .article-card ul,.examples-main .bullets{list-style:disc}.examples-main .related-card{min-width:0}.examples-main .page-intro h1{margin-top:16px}@media(max-width:760px){.examples-main .detail-hero>.btn-primary{margin:18px 0 0;max-width:100%;white-space:normal}.examples-main .action-banner>div:not(.action-icon){min-width:0}.examples-main .btn-primary{white-space:normal}.examples-main .actual-pixels{max-height:350px}.examples-main .crop-controls{gap:12px}}@media(prefers-reduced-motion:reduce){.examples-main *{scroll-behavior:auto;transition:none}}