.examples-hero{padding:90px 0 80px;background:#070707;color:#fff}.examples-hero h1{max-width:850px;margin:18px 0;font-size:clamp(52px,7vw,92px);font-weight:550;line-height:.94;letter-spacing:-.055em}.examples-hero p{max-width:680px;color:#bbb;font-size:18px;line-height:1.55}.featured-examples{padding-top:70px;padding-bottom:70px}.featured-examples .section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px}.featured-examples .section-head span,.example-viewer aside>span,.example-story span{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.featured-examples h2{margin:10px 0;font-size:44px}.featured-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.featured-example-grid>a{border:1px solid #ccc;color:#111}.featured-example-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:#f2f2f2}.featured-example-grid a>div{padding:20px}.featured-example-grid span{color:var(--orange);font-size:9px;font-weight:800;text-transform:uppercase}.featured-example-grid strong{display:block;margin:9px 0;font-size:21px}.featured-example-grid p{min-height:58px;color:#666;font-size:13px;line-height:1.45}.featured-example-grid em{font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase}.examples-browser{padding-top:55px;padding-bottom:90px;border-top:1px solid #ddd}.examples-toolbar{display:flex;align-items:end;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #bbb}.examples-toolbar strong{font-size:24px}.examples-toolbar span{margin-left:12px;color:#777;font-size:12px}.filter-toggle{display:none}.examples-layout{display:grid;grid-template-columns:230px 1fr;gap:42px;padding-top:28px}.example-filters{position:sticky;top:20px;align-self:start}.example-filter{width:100%;padding:8px 0;border:0!important;background:none!important;color:#777!important;text-align:left;font-size:13px;font-weight:650}.example-filter:hover,.example-filter.is-active{color:var(--orange)!important;transform:none}.filter-group{padding:20px 0;border-top:1px solid #ddd}.filter-group b{display:block;margin-bottom:8px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.examples-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 22px}.engine-image{position:relative;aspect-ratio:1;display:block;overflow:hidden;background:#f1f1f1}.engine-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .35s ease}.engine-image:hover img{transform:scale(1.025)}.engine-image>span{position:absolute;right:12px;bottom:12px;padding:7px 9px;background:#111;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase}.engine-copy{padding:20px 2px}.engine-tags{display:flex;gap:7px;flex-wrap:wrap}.engine-tags span{color:var(--orange);font-size:9px;font-weight:800;text-transform:uppercase}.engine-copy h2{margin:11px 0 9px;font-size:25px}.engine-copy h2 a{color:#111}.engine-copy p{min-height:44px;margin:0 0 18px;color:#666;font-size:14px;line-height:1.5}.engine-link{color:#111;font-size:11px;font-weight:800;text-transform:uppercase}.engine-card[hidden]{display:none}.examples-empty{grid-column:1/-1;padding:80px 20px;background:#f3f3f3;text-align:center}.examples-cta{padding:70px 0;background:var(--orange);color:#fff}.examples-cta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px}.examples-cta h2{margin:10px 0;font-size:48px}.examples-cta .button{background:#111}.example-detail-head{padding:70px 0 75px;background:#080808;color:#fff}.example-detail-head .wrap>a{display:inline-block;margin-bottom:48px;color:#aaa;font-size:11px;text-transform:uppercase}.example-detail-head h1{max-width:850px;margin:15px 0;font-size:clamp(48px,7vw,82px);line-height:.95;letter-spacing:-.05em}.example-detail-head p{max-width:680px;color:#bbb;font-size:18px}.example-viewer{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:42px;padding-top:70px;padding-bottom:85px}.detail-stage{min-height:620px;background:#f1f1f1}.detail-stage center,.detail-stage center>div{max-width:none!important;width:100%!important}.example-viewer aside{padding:30px 0}.example-viewer dl{margin:22px 0 34px}.example-viewer dt{margin-top:18px;color:#888;font-size:10px;font-weight:800;text-transform:uppercase}.example-viewer dd{margin:4px 0;padding-bottom:14px;border-bottom:1px solid #ddd;font-size:15px}.example-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:75px;padding-bottom:75px;border-top:1px solid #ddd}.example-story h2{max-width:480px;font-size:44px}.example-content{color:#555;font-size:17px;line-height:1.7}.expertise-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.expertise-links a{padding:8px 10px;border:1px solid #bbb;color:#111;font-size:10px;font-weight:800;text-transform:uppercase}
.example-viewer{padding-top:24px}.example-viewer aside{padding-top:46px}
.garden-viewer{width:100%;height:720px;display:block;border:0;background:#f1f1f1}
@media(max-width:800px){.featured-examples .section-head,.examples-layout,.examples-cta .wrap,.example-viewer,.example-story{grid-template-columns:1fr}.featured-example-grid{grid-template-columns:1fr}.filter-toggle{display:block}.example-filters{position:static;display:none}.example-filters.is-open{display:block}.examples-results{grid-template-columns:1fr}.detail-stage{min-height:430px}}
.taxonomy-hero{padding:72px 0 80px;background:#080808;color:#fff}.taxonomy-hero .wrap>a{display:inline-block;margin-bottom:48px;color:#aaa;font-size:11px;text-transform:uppercase}.taxonomy-hero h1{max-width:900px;margin:16px 0 20px;font-size:clamp(50px,7vw,86px);line-height:.95;letter-spacing:-.05em}.taxonomy-short{max-width:760px;color:#fff;font-size:21px;line-height:1.45}.taxonomy-long{max-width:800px;margin-top:28px;color:#bbb;font-size:16px;line-height:1.65}.taxonomy-results{padding-top:70px;padding-bottom:90px}.taxonomy-results .section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:35px}.taxonomy-results .section-head span{color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase}.taxonomy-results .section-head h2{font-size:40px}.taxonomy-example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.taxonomy-coming{grid-column:1/-1;padding:55px;background:#f2f2f2}@media(max-width:800px){.taxonomy-results .section-head{grid-template-columns:1fr}.taxonomy-example-grid{grid-template-columns:1fr}}

/* The searchable Work library uses the same card language as the homepage's
   "Show what the customer needs to see" gallery. */
.examples-engine .featured-examples,.examples-engine .examples-browser{width:min(calc(100% - 40px),1500px);max-width:none}
.examples-curated{border-top:0}.examples-curated .examples-toolbar{align-items:end}.examples-curated .examples-toolbar>p{max-width:470px;margin:0;color:#777;text-align:right}.examples-curated .examples-results{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:30px}
.examples-layout{grid-template-columns:230px minmax(0,1fr);gap:42px}
.examples-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
.engine-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(136,136,136,.1);background:#fff;transition:transform .35s ease,box-shadow .35s ease}
.engine-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0001}
.engine-image{aspect-ratio:1.28;border-bottom:0;background:#fff}
.engine-image img,.examples-engine .engine-image img{display:block;width:auto;height:100%;max-width:100%;margin:0 auto;background:#fff;object-fit:contain}
.engine-image>span{display:none}
.engine-copy{display:flex;flex:1;flex-direction:column;padding:26px 28px 28px}
.engine-tags{min-height:17px}
.engine-copy h2{margin:12px 0 14px;font-size:20px;line-height:1.15;text-transform:uppercase}
.engine-copy p{min-height:52px;margin:0 0 18px;color:#888}
.engine-link{display:block;width:100%;margin-top:auto;padding:17px 14px;border:1px solid #222;background:#fff;text-align:center;text-decoration:none}
.engine-link:hover{background:#111;color:#fff}
.featured-example-grid>a{overflow:hidden;border-color:#222;background:#fff;transition:transform .35s ease,box-shadow .35s ease;text-decoration:none}
.featured-example-grid>a:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0001}
.featured-example-grid img{aspect-ratio:1.28;object-fit:cover;border-bottom:1px solid #222}
.featured-example-grid a>div{padding:26px 28px 28px}
.featured-example-grid strong{text-transform:uppercase}
@media(max-width:1150px){.examples-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.examples-engine .featured-examples,.examples-engine .examples-browser{width:min(calc(100% - 28px),1500px)}.examples-results{grid-template-columns:1fr}.examples-curated .examples-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.examples-curated .examples-toolbar>p{text-align:left}.examples-curated .examples-results{grid-template-columns:1fr}.engine-image{aspect-ratio:1.15}}
.engine-card a,.engine-copy h2 a,.featured-example-grid a,.taxonomy-example-grid a{text-decoration:none}
.work-modal-open{overflow:hidden}.work-quick-view[hidden]{display:none}.work-quick-view{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:24px}.work-quick-view-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#000c;cursor:zoom-out}.work-quick-view-dialog{position:relative;width:min(900px,calc(100vw - 48px));overflow:hidden;background:#fff;box-shadow:0 28px 90px #0009}.work-quick-view-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:58px;padding:0 18px;border-bottom:1px solid #ddd;background:#fff}.work-quick-view-dialog h2{overflow:hidden;margin:0;font-size:17px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.work-quick-view-close{display:grid;width:38px;height:38px;place-items:center;padding:0;border:0;background:#111;color:#fff;font-size:25px;line-height:1;cursor:pointer}.work-quick-view-close:hover,.work-quick-view-close:focus-visible{background:var(--orange)}.work-quick-view-dialog iframe{display:block;width:min(840px,calc(100vw - 48px));height:min(840px,calc(100vh - 130px));margin:auto;border:0;background:#fff}@media(max-width:600px){.work-quick-view{padding:10px}.work-quick-view-dialog{width:calc(100vw - 20px)}.work-quick-view-dialog iframe{width:100%;height:min(calc(100vh - 88px),100vw)}.work-quick-view-dialog header{height:54px}}
.detail-stage,.detail-stage iframe.garden-viewer{background:#fff}
.example-detail-head .wrap>a{display:block;width:max-content;max-width:100%;margin:0 0 46px;line-height:1.35}
.example-detail-head .hero-kicker{display:block;clear:both;width:max-content;max-width:100%;margin:0 0 16px;line-height:1.35}
.example-detail-head h1{margin-top:0}
@media(max-width:600px){.example-detail-head .wrap>a{margin-bottom:34px}.example-detail-head .hero-kicker{margin-bottom:13px}}
.context-links{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding-top:70px;padding-bottom:70px;border-top:1px solid #ddd}.context-links span{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.context-links h2{margin:10px 0;font-size:40px}.context-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.context-link-grid a{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:18px 20px;border:1px solid #222;color:#111;font-weight:750;text-decoration:none}.context-link-grid a:hover{background:#111;color:#fff}.related-work{padding-top:70px;padding-bottom:90px;background:#f3f3f3}.related-work .section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.related-work .section-head h2{margin:8px 0 0;font-size:42px}.related-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.example-conversion{padding:70px 0;background:var(--orange);color:#fff}.example-conversion .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.example-conversion h2{max-width:700px;margin:8px 0 0;font-size:44px}.example-conversion .button{background:#111}
.featured-term-example{padding-top:80px;padding-bottom:80px}.featured-term-example>.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:50px;align-items:end;margin-bottom:30px}.featured-term-example>.section-head h2{max-width:760px;margin:10px 0 0;font-size:clamp(36px,4.5vw,58px);line-height:1}.featured-term-example>.section-head p{margin:0;color:#666;line-height:1.65}.featured-term-example .related-work-grid{grid-template-columns:minmax(0,720px)}
@media(max-width:800px){.context-links{grid-template-columns:1fr}.context-link-grid{grid-template-columns:1fr}.related-work-grid{grid-template-columns:1fr}.featured-term-example>.section-head{grid-template-columns:1fr;gap:18px}.example-conversion .wrap{align-items:flex-start;flex-direction:column}}
.example-detail-head>.wrap,.taxonomy-hero>.wrap{display:flex;flex-direction:column;align-items:flex-start}
.taxonomy-hero .hero-kicker{display:block;clear:both;width:max-content;max-width:100%;margin:0 0 16px}
.taxonomy-hero h1{margin-top:0}