.demo-showcase{background:#171a1a;color:#f4f5f0;position:relative;isolation:isolate}.demo-showcase--gallery{background:#f1f0eb;color:#111414}.demo-showcase__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.65fr);gap:clamp(25px,6vw,100px);align-items:end;margin-bottom:48px}.demo-showcase .section-label{color:#d3d6d2}.demo-showcase--gallery .section-label{color:#4b5750}.demo-showcase__head h2{font-size:clamp(2.7rem,5.6vw,6.25rem);font-weight:770;line-height:1.03;letter-spacing:-.075em;margin:26px 0 0}.demo-showcase__head h2 span{color:#a2a9a5}.demo-showcase--gallery .demo-showcase__head h2 span{color:#6a7770}.demo-showcase__intro p{color:#b3bdb8;line-height:1.85;font-size:clamp(.95rem,1.2vw,1.05rem);margin:0 0 19px}.demo-showcase--gallery .demo-showcase__intro p{color:#54625a}.demo-showcase__all-link,.demo-showcase__bottom-link{display:inline-flex;align-items:center;gap:25px;padding-bottom:9px;border-bottom:1px solid currentColor;color:#f2f3ee;font-weight:730;font-size:.84rem;transition:color .2s}.demo-showcase__all-link:hover,.demo-showcase__bottom-link:hover{color:var(--orange)}.demo-showcase--gallery .demo-showcase__bottom-link{color:#202624}.demo-showcase__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;align-items:stretch}.demo-tile{background:#212727;border:1px solid #454d49;min-width:0;display:flex;flex-direction:column;overflow:hidden}.demo-showcase--gallery .demo-tile{background:#fff;color:#19211e;border-color:#d2d6cf}.demo-tile__preview{display:block;position:relative;overflow:hidden;border-bottom:1px solid #454d49}.demo-tile__preview:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}.demo-tile__browser{display:flex;align-items:center;gap:12px;height:37px;padding:0 15px;background:#e9ecea;color:#697775;font-size:.66rem;letter-spacing:.055em}.demo-tile__browser-dots{display:flex;gap:4px}.demo-tile__browser-dots i{display:block;border-radius:50%;width:6px;height:6px;background:#aeb9b6}.demo-tile__browser-icon{margin-left:auto;font-size:1rem}.demo-tile__scene{height:clamp(270px,31vw,385px);overflow:hidden;position:relative;background:#ede8dd;color:#264332;padding:23px 25px}.demo-tile__scene:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(0deg,rgba(8,40,35,.04),transparent);pointer-events:none}.demo-tile__scene-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-tile__scene-logo{font:bold clamp(1.2rem,2.5vw,2rem)/1 Georgia,"Times New Roman",serif;letter-spacing:-.07em}.demo-tile__scene-nav{font-size:.55rem;font-weight:720;letter-spacing:.07em;color:#41584c;white-space:nowrap}.demo-tile__scene-copy{position:absolute;z-index:2;top:27%;left:25px;max-width:57%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.demo-tile__scene-kicker{font-size:.55rem;font-weight:780;letter-spacing:.13em;color:#546d5d}.demo-tile__scene-title{font:500 clamp(1.9rem,4vw,4rem)/.99 Georgia,"Times New Roman",serif;letter-spacing:-.07em;max-width:360px}.demo-tile__scene-subline{font-size:.68rem;max-width:260px;line-height:1.65}.demo-tile__scene-action{display:inline-flex;align-items:center;gap:20px;background:#3a634d;color:#fff;font-size:.64rem;font-weight:700;padding:11px 13px;margin-top:6px}.demo-tile__scene>img{position:absolute;width:65%;max-width:none;height:86%;object-fit:cover;object-position:center;right:-8%;bottom:-16%;border-radius:40% 4% 0 0;filter:saturate(.75);transition:transform .45s}.demo-tile__preview:hover .demo-tile__scene>img{transform:scale(1.035)}.demo-tile__preview-stamp{position:absolute;z-index:3;bottom:15px;right:15px;background:#fff;color:#254238;padding:10px 12px;font-size:.63rem;font-weight:800;letter-spacing:.06em;display:inline-flex;align-items:center;gap:12px}.demo-tile--solar .demo-tile__scene{background:#dff2f4;color:#0f3646}.demo-tile--solar .demo-tile__scene-logo{font-family:InterVariable,Inter,system-ui,sans-serif;font-weight:840;font-size:clamp(1.15rem,2.2vw,1.85rem);letter-spacing:-.075em}.demo-tile--solar .demo-tile__scene-title{font-family:InterVariable,Inter,system-ui,sans-serif;font-size:clamp(1.85rem,3.55vw,3.5rem);font-weight:830;letter-spacing:-.075em}.demo-tile--solar .demo-tile__scene-action{background:#082e41;color:#e6ff9d;border-radius:30px}.demo-tile--solar .demo-tile__scene-kicker{color:#376c7f}.demo-tile--solar .demo-tile__scene-nav{color:#4b7681}.demo-tile--solar .demo-tile__scene>img{border-radius:38% 6% 0 0;filter:saturate(.85)}.demo-tile__body{padding:clamp(23px,3vw,37px);display:flex;flex-direction:column;flex:1}.demo-tile__meta{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#b8c2bc;font-size:.65rem;font-weight:770;letter-spacing:.115em}.demo-showcase--gallery .demo-tile__meta{color:#67746c}.demo-tile__body h3{font-size:clamp(1.65rem,2.8vw,2.7rem);line-height:1.15;letter-spacing:-.055em;margin:24px 0 14px;font-weight:750}.demo-tile__body p{color:#aebbb4;line-height:1.8;font-size:.9rem;max-width:510px;margin:0}.demo-showcase--gallery .demo-tile__body p{color:#54625a}.demo-tile__tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 29px}.demo-tile__tags span{padding:7px 11px;border:1px solid #4e5b54;font-size:.7rem;color:#cbd4cf}.demo-showcase--gallery .demo-tile__tags span{border-color:#d7ded6;color:#486154}.demo-tile__links{margin-top:auto;border-top:1px solid #4c544f;padding-top:19px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.demo-showcase--gallery .demo-tile__links{border-color:#d5dbd5}.demo-tile__primary{background:var(--orange);color:#161b19!important;display:inline-flex;gap:21px;align-items:center;justify-content:space-between;min-height:47px;padding:12px 15px;font-size:.83rem;font-weight:770;transition:background .2s}.demo-tile__primary:hover{background:#ff8a4f}.demo-tile__secondary{display:inline-flex;align-items:center;gap:15px;font-size:.79rem;font-weight:720;border-bottom:1px solid currentColor;padding-block:8px}.demo-tile__secondary:hover{color:var(--orange)}.demo-showcase__foot{display:flex;justify-content:space-between;align-items:center;gap:45px;margin-top:36px}.demo-showcase__foot p{font-size:.75rem;line-height:1.8;color:#aab6ae;max-width:670px;margin:0}.demo-showcase--gallery .demo-showcase__foot p{color:#69736c}.demo-showcase__bottom-link{white-space:nowrap}.demo-showcase--gallery .demo-showcase__foot{border-top:1px solid #d0d5ce;padding-top:28px}.demo-showcase-intro{background:#111414;color:#fff;position:relative;min-height:var(--hero-min-height);padding:var(--hero-content-top) 0 clamp(76px,8vw,130px);overflow:hidden}.demo-showcase-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:76px 76px;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000)}.demo-showcase-intro .container{position:relative}.demo-showcase-intro .section-label{color:#d3d9d3}.demo-showcase-intro h1{font-size:var(--font-size-h1);font-weight:800;line-height:1.03;letter-spacing:-.078em;margin:26px 0 28px}.demo-showcase-intro h1 span{color:#9fa9a3}.demo-showcase-intro__bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.demo-showcase-intro__bottom p{color:#bdc6c0;max-width:680px;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.85;margin:0}.demo-showcase-intro__aside{color:#a8aea9;border:1px solid #575f59;padding:13px 17px;white-space:nowrap;font-size:.71rem;letter-spacing:.07em}.demo-showcase-next{background:#111414;color:#fff}.demo-showcase-next__grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.demo-showcase-next h2{font-size:clamp(2.7rem,5.3vw,5.8rem);line-height:1.05;letter-spacing:-.074em;margin:23px 0 0}.demo-showcase-next h2 span{color:#aeb5b0}.demo-showcase-next__grid>div:last-child p{color:#bfc9c2;line-height:1.85}.demo-showcase-next__grid>div:last-child a{margin-top:20px}@media(max-width:900px){.demo-showcase__head{grid-template-columns:1fr;gap:20px}.demo-showcase__intro p{max-width:640px}.demo-tile__scene{height:300px;padding:15px}.demo-tile__scene-copy{left:15px;top:28%}.demo-tile__scene-title{font-size:clamp(1.7rem,3.7vw,3rem)}.demo-tile__scene-subline{font-size:.6rem}.demo-tile__body{padding:22px}.demo-tile__links{align-items:flex-start}}@media(max-width:680px){.demo-showcase__grid{grid-template-columns:1fr;gap:20px}.demo-showcase__head h2{font-size:clamp(2.45rem,10vw,4.6rem)}.demo-tile__scene{height:clamp(270px,80vw,390px);padding:21px}.demo-tile__scene-copy{left:21px;top:28%;max-width:60%}.demo-tile__scene-title{font-size:clamp(2rem,8vw,3.6rem)}.demo-tile--solar .demo-tile__scene-title{font-size:clamp(1.9rem,7.3vw,3.3rem)}.demo-tile__scene>img{width:62%;right:-8%}.demo-tile__body{padding:25px}.demo-tile__body h3{font-size:2rem}.demo-showcase__foot{display:block}.demo-showcase__bottom-link{margin-top:20px;white-space:normal}.demo-showcase-intro{padding-top:var(--hero-content-top)}.demo-showcase-intro h1{font-size:var(--font-size-h1)}.demo-showcase-intro__bottom{display:block}.demo-showcase-intro__aside{display:inline-block;margin-top:22px}.demo-showcase-next__grid{grid-template-columns:1fr;gap:24px}}@media(max-width:390px){.demo-tile__scene{padding:13px;height:250px}.demo-tile__scene-copy{left:13px;top:28%;gap:7px}.demo-tile__scene-nav{font-size:.47rem}.demo-tile__scene-title{font-size:clamp(1.7rem,8vw,2.5rem)}.demo-tile--solar .demo-tile__scene-title{font-size:clamp(1.65rem,7.6vw,2.4rem)}.demo-tile__scene-subline{display:none}.demo-tile__scene>img{width:65%;right:-13%}.demo-tile__body{padding:20px}.demo-tile__links{gap:14px}.demo-tile__primary{width:100%}}@media(prefers-reduced-motion:reduce){.demo-tile__scene>img,.demo-tile__primary{transition:none}}.demo-tile--medical{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.demo-tile--medical .demo-tile__preview{border-bottom:0;border-right:1px solid #454d49}.demo-tile--medical .demo-tile__scene{height:100%;min-height:355px;background:#e3efe7;color:#245744}.demo-tile--medical .demo-tile__scene-logo{font-family:Georgia,Times New Roman,serif;color:#376f56}.demo-tile--medical .demo-tile__scene-title{font-size:clamp(2rem,3.3vw,3.4rem)}.demo-tile--medical .demo-tile__scene-action{background:#376d5a;border-radius:5px}.demo-tile--medical .demo-tile__scene>img{right:-7%;bottom:-12%;width:58%;height:105%;object-fit:cover;border-radius:42% 42% 0 0}@media(max-width:780px){.demo-tile--medical{display:flex}.demo-tile--medical .demo-tile__preview{border-right:0;border-bottom:1px solid #454d49}.demo-tile--medical .demo-tile__scene{height:330px;min-height:0}}