.examples-hero-v2{color:#f8f5ee;min-height:min(820px,100svh - 72px);padding:var(--space-24) var(--page-gutter) var(--space-16);background:radial-gradient(circle at 76% 18%,#72e8c233,#0000 24%),linear-gradient(135deg,#14231f,#080d0b 74%);align-items:end;display:grid;position:relative;overflow:hidden}.examples-hero-v2:after{content:"";pointer-events:none;background:linear-gradient(90deg,#040807f0,#0408077a 54%,#0000),linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/72px 72px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/72px 72px;position:absolute;inset:0}.examples-hero-v2__visual{opacity:.84;background:linear-gradient(#0000 34%,#050a0894),url(/media/paris-dawn-atlas.svg) 50%/cover;border:1px solid #ffffff1a;border-radius:50% 0 0;width:68%;height:92%;position:absolute;bottom:-18%;right:-6%;transform:rotate(-4deg)}.examples-hero-v2__visual i{background:#72e8c2;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 0 12px #72e8c21f,0 0 34px #72e8c285}.examples-hero-v2__visual i:first-child{top:24%;left:19%}.examples-hero-v2__visual i:nth-child(2){top:48%;left:54%}.examples-hero-v2__visual i:nth-child(3){top:18%;right:13%}.examples-hero-v2__inner{z-index:2;width:min(100%, var(--container-content));margin-inline:auto;position:relative}.examples-hero-v2__inner>span,.examples-read-v2 span{letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:800}.examples-hero-v2__inner>span{color:#72e8c2}.examples-read-v2 span{color:#176956}.examples-hero-v2 h1{max-width:11ch;margin-top:var(--space-5);font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(72px,8vw,124px);font-weight:600;line-height:.89}.examples-hero-v2 p{max-width:610px;margin-top:var(--space-6);color:#f8f5eeb3;font-size:18px;line-height:1.65}.examples-hero-v2 a{align-items:center;gap:var(--space-3);min-height:48px;margin-top:var(--space-8);color:#72e8c2;letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:760;display:inline-flex}.examples-read-v2{padding:var(--space-16) var(--page-gutter);background:#dfe9e4;border-top:1px solid #11151424;border-bottom:1px solid #11151424}#story-live,#directions{scroll-margin-top:72px}.examples-read-v2__inner{align-items:end;gap:var(--space-16);grid-template-columns:minmax(0,1fr) auto;display:grid}.examples-read-v2 h2{max-width:760px;margin-top:var(--space-4);font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(46px,5vw,72px);font-weight:600;line-height:.98}.examples-read-v2 p{max-width:660px;margin-top:var(--space-5);color:#59635f;font-size:16px;line-height:1.65}.examples-read-v2__inner>div:last-child{gap:var(--space-3);flex-wrap:wrap;display:flex}.examples-directions-v2{background:#f9f6ef}.examples-directions-v2 .case-study-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.examples-directions-v2 .case-study-card{grid-column:span 6}.examples-directions-v2 .case-study-card:first-child{grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);display:grid}.examples-directions-v2 .case-study-card:first-child .format-preview{border-bottom:0;min-height:560px}.examples-directions-v2 .case-study-card:first-child .case-study-card__body{border-left:1px solid #1115141f;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.case-study-card__body>a{align-items:center;gap:var(--space-2);min-height:44px;margin-top:var(--space-6);color:#176956;font-size:13px;font-weight:760;display:inline-flex}.case-study-card__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.case-study-card__actions a{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);min-height:44px;padding:0 var(--space-4);color:#176956;border:1px solid #11151429;font-size:13px;font-weight:780;display:inline-flex}.case-study-card__actions a:first-child{color:#f8f5ee;background:#17201d;border-color:#17201d}.showcase-technique-list{margin:var(--space-5) 0 0;flex-wrap:wrap;gap:7px;padding:0;list-style:none;display:flex}.showcase-technique-list li{color:#176956;letter-spacing:.035em;background:#1769560e;border:1px solid #17695633;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:780}.showcase-technique-list--featured{max-width:680px}.examples-directions-v2 .case-study-grid[data-case-count="2"] .case-study-card,.examples-directions-v2 .case-study-grid[data-case-count="2"] .case-study-card:first-child{grid-column:span 6;display:block}.examples-directions-v2 .case-study-grid[data-case-count="2"] .case-study-card:first-child .format-preview{border-bottom:1px solid #1115141f;min-height:390px}.examples-directions-v2 .case-study-grid[data-case-count="2"] .case-study-card:first-child .case-study-card__body{border-left:0;display:block}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=data]){grid-column:span 5}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=product]){grid-column:span 7}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=event]){grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);display:grid}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=event]) .format-preview{border-bottom:0;min-height:500px}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=event]) .case-study-card__body{border-left:1px solid #1115141f;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.examples-template-link{background:#dfe9e4}.examples-template-link .container{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.examples-template-link p{max-width:760px;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(30px,3.4vw,46px);line-height:1.05}.examples-template-link .home-inline-link{white-space:nowrap;margin-top:0}@media (max-width:820px){.examples-hero-v2{min-height:calc(100svh - 64px);padding:var(--space-16) var(--page-gutter) var(--space-12)}.examples-hero-v2__visual{opacity:.42;width:120%;right:-45%}.examples-hero-v2 h1{font-size:clamp(58px,14vw,88px)}.examples-read-v2__inner,.examples-directions-v2 .case-study-card:first-child{grid-template-columns:1fr}.examples-read-v2__inner{align-items:start;gap:var(--space-8)}.examples-directions-v2 .case-study-card:first-child .case-study-card__body{border-top:1px solid #1115141f;border-left:0}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:not(:first-child),:is(.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=data]),.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=product]),.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=event])){grid-column:1/-1}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=event]){display:block}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=event]) .format-preview{border-bottom:1px solid #1115141f;min-height:390px}.examples-directions-v2 .case-study-grid[data-case-count="4"] .case-study-card:has(.format-preview[data-variant=event]) .case-study-card__body{border-left:0;display:block}.examples-template-link .container{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.examples-hero-v2 h1{font-size:clamp(52px,15vw,68px)}.examples-hero-v2 p{font-size:17px}.examples-read-v2{padding:var(--space-12) var(--page-gutter)}.examples-read-v2 h2{font-size:42px}.examples-read-v2__inner>div:last-child,.examples-read-v2__inner .button{width:100%}.examples-directions-v2 .case-study-card,.examples-directions-v2 .case-study-card:first-child,.examples-directions-v2 .case-study-grid[data-case-count="2"] .case-study-card,.examples-directions-v2 .case-study-grid[data-case-count="2"] .case-study-card:first-child{grid-column:1/-1}.case-study-card__actions,.case-study-card__actions a{width:100%}.examples-directions-v2 .case-study-card:first-child .format-preview{min-height:360px}}
