.showcase-hero { padding-block:36px 24px; }
.showcase-intro h1 { margin:12px 0 13px; font-size:clamp(40px,4.7vw,70px); line-height:1.07; letter-spacing:-.055em; font-weight:800; }
.showcase-intro .creative-eyebrow { font-size:11px; }
.showcase-promise { color:#c2c7bc; font-size:17px; line-height:1.65; }
.showcase-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:29px 0 15px; }
.showcase-heading h2 { font-size:18px; font-weight:750; letter-spacing:-.025em; }
.showcase-heading p { color:#a8ada3; font-size:13px; }
.showcase-video-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.showcase-card { min-width:0; }
.showcase-image-example { min-width:0; }
.showcase-image-example>.showcase-image-card { width:100%; }
.showcase-visual { display:grid; position:relative; isolation:isolate; min-width:0; }
.showcase-visual>.showcase-video-button, .showcase-visual>.showcase-image-card { grid-area:1 / 1; width:100%; }
.homepage-variations { position:relative; min-width:0; margin-top:10px; border-top:1px solid #ffffff18; }
.homepage-variations ul { display:grid; min-width:0; list-style:none; margin:0; padding:0; opacity:1; transition:opacity 160ms ease; }
.homepage-variations.is-fading ul { opacity:0; }
.homepage-variations li { display:grid; grid-area:1 / 1; grid-template-rows:1fr auto; gap:4px; min-width:0; padding-top:12px; }
/* Hidden ideas share the grid cell to reserve enough room for every full prompt. */
.homepage-variations li[hidden] { display:grid; visibility:hidden; pointer-events:none; }
.homepage-variations li>p { min-width:0; margin:0; color:#dce1d4; font-size:14px; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
.homepage-variations li>a { display:inline-flex; justify-self:start; align-items:center; justify-content:center; gap:4px; min-height:44px; padding:0 7px; border:1px solid transparent; border-radius:7px; color:#d5ff5f; font-size:12px; font-weight:750; text-decoration:none; white-space:nowrap; }
.homepage-variations li>a:hover { border-color:#d5ff5f; background:#d5ff5f12; }
.homepage-variations li>a:focus-visible { outline:2px solid #d5ff5f; outline-offset:3px; }
.homepage-variations [data-prompt-next] { position:absolute; right:0; bottom:0; display:grid; place-items:center; width:44px; min-height:44px; border:0; border-radius:6px; color:#a8ada3; cursor:pointer; font-size:24px; }
.homepage-variations [data-prompt-next][hidden], [data-prompt-toggle][hidden] { display:none; }
.homepage-variations [data-prompt-next]:hover { color:#d5ff5f; background:#ffffff08; }
.homepage-variations [data-prompt-next]:focus-visible, [data-prompt-toggle]:focus-visible { outline:2px solid #d5ff5f; outline-offset:2px; }
.showcase-browse-controls { display:flex; align-items:center; flex-wrap:wrap; gap:6px 20px; }
[data-prompt-toggle] { min-height:44px; color:#c2c7bc; font-size:12px; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.creative-home .concept-media-card { display:grid; aspect-ratio:auto; isolation:isolate; }
.creative-home .concept-media-card-button { grid-area:1 / 1; height:100%; aspect-ratio:9/16; }
.creative-home .concept-media-card .homepage-variations li { gap:3px; }
.creative-home .concept-media-card .homepage-variations li>a { padding-inline:6px; }
.creative-home .trend-feature.trend-feature-compact { display:block; max-width:850px; margin-inline:auto; }
.trend-card>.homepage-variations { margin-inline:16px; }
.homepage-variations-overlay { grid-area:1 / 1; align-self:end; z-index:20; margin:64px 14px 22px; padding:13px 14px 10px; border:1px solid #d5ff5f4d; border-radius:18px 18px 18px 5px; background:rgb(10 15 10 / 62%); backdrop-filter:blur(3px); box-shadow:0 5px 20px #0004; text-align:left; }
.showcase-visual:has(.homepage-variations-overlay) .showcase-video-button::after,
.creative-home .concept-media-card:has(.homepage-variations-overlay) .concept-media-card-scrim { background:linear-gradient(180deg,#0003 0%,transparent 35%,transparent 70%,#0002 100%); }
.homepage-variations-overlay::before, .homepage-variations-overlay::after { content:""; position:absolute; border:1px solid #d5ff5f4d; background:rgb(10 15 10 / 62%); border-radius:50%; pointer-events:none; }
.homepage-variations-overlay::before { width:8px; height:8px; left:15px; bottom:-11px; }
.homepage-variations-overlay::after { width:4px; height:4px; left:7px; bottom:-17px; }
.homepage-remix-label { display:block; color:#e0f4c8; font-size:10px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; text-shadow:0 1px 3px #000b; }
.homepage-variations-overlay li { padding-top:7px; gap:10px; }
.homepage-variations-overlay li>p { color:#f2f6eb; font-size:15px; line-height:1.45; font-weight:650; text-shadow:0 1px 3px #000b; }
.homepage-variations-overlay li>a { border-radius:100px; background:#d5ff5f; color:#16200a; padding-inline:14px; }
.homepage-variations-overlay li>a:hover { background:#e1ff91; }
.homepage-variations-overlay [data-prompt-next] { right:10px; bottom:10px; color:#d5ff5f; border:1px solid #ffffff25; border-radius:50%; }
.creative-home .concept-media-card .homepage-variations-overlay { margin-inline:9px; padding:11px 10px 10px; }
.creative-home .concept-media-card .homepage-variations-overlay li { gap:8px; }
.creative-home .concept-media-card .homepage-variations-overlay li>p { font-size:14px; }
.creative-home .concept-media-card .homepage-variations-overlay li>a { padding-inline:12px; }
.showcase-visual-image .homepage-variations-overlay { width:min(360px,calc(100% - 28px)); }
@media (max-width:380px) {
  .creative-home .concept-media-card .homepage-variations-overlay { margin-inline:6px; padding-inline:6px; }
  .creative-home .concept-media-card .homepage-variations-overlay li>a { padding-inline:6px; }
  .creative-home .concept-media-card .homepage-variations-overlay li>a>span { display:none; }
  .creative-home .concept-media-card .homepage-variations-overlay [data-prompt-next] { right:6px; }
}
.showcase-video-button { position:relative; display:block; width:100%; aspect-ratio:3/4; isolation:isolate; overflow:hidden; padding:0; border:1px solid #ffffff20; border-radius:16px; background:#20231e; text-align:left; cursor:pointer; }
.showcase-video-button>img,.showcase-video-button>video { position:absolute; inset:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.showcase-video-button>video { z-index:1; opacity:0; transition:opacity .15s; }
.showcase-video-button>video.is-playing { opacity:1; }
.showcase-video-button::after { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg,#0005 0%,transparent 30%,transparent 45%,#000c 100%); pointer-events:none; }
.showcase-media-top,.showcase-media-bottom { position:absolute; left:20px; right:20px; z-index:3; }
.showcase-media-top { top:18px; display:flex; align-items:center; justify-content:flex-end; gap:8px; font-size:12px; font-weight:700; color:#fff; }
.showcase-play-mark { display:grid; place-items:center; width:33px; height:33px; border:1px solid #ffffff55; border-radius:50%; background:#10111050; font-size:12px; }
.showcase-media-bottom { bottom:20px; }
.showcase-media-bottom>strong { display:block; color:white; font-size:clamp(20px,1.85vw,28px); line-height:1.12; letter-spacing:-.045em; font-weight:800; }
.showcase-media-bottom>span { display:flex; justify-content:space-between; align-items:center; gap:8px; color:#d5ff5f; margin-top:13px; font-size:14px; font-weight:750; }
.showcase-media-bottom>span>span { font-size:24px; }
.showcase-card>p { color:#a8ada3; font-size:13px; margin:12px 2px 0; }
.showcase-video-button:hover { border-color:#d5ff5f80; }
.showcase-footnote { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:23px; padding-bottom:23px; border-bottom:1px solid #ffffff20; font-size:13px; color:#a8ada3; }
.showcase-footnote>a { color:#edf0e5; font-weight:650; min-height:44px; display:flex; align-items:center; gap:14px; }
.showcase-image-section.creative-section { padding-block:45px 65px; }
.showcase-image-section .creative-section-heading h2 { font-size:clamp(34px,3.5vw,52px); }
.showcase-image-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.77778fr); gap:22px; align-items:start; }
.showcase-image-card { display:block; min-width:0; text-align:left; cursor:pointer; }
.showcase-image-frame { position:relative; display:block; border-radius:16px; overflow:hidden; border:1px solid #ffffff20; background:#1d211b; }
.showcase-image-frame>img { width:100%; height:auto; display:block; }
.showcase-image-type { position:absolute; top:17px; left:17px; color:white; font-size:12px; font-weight:700; background:#10111090; border:1px solid #ffffff40; padding:6px 10px; border-radius:100px; }
.showcase-image-caption { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:17px 2px; }
.showcase-image-caption strong { display:block; font-size:21px; line-height:1.3; letter-spacing:-.03em; font-weight:750; }
.showcase-image-caption>span>span { display:block; font-size:13px; line-height:1.5; color:#a8ada3; margin-top:6px; }
.showcase-image-action { font-size:13px; color:#d5ff5f; font-weight:750; white-space:nowrap; }
.showcase-image-action>span { display:inline!important; color:inherit!important; margin-left:6px; }
.showcase-dialog.concept-detail-dialog { width:min(1000px,calc(100% - 48px)); max-height:90dvh; border:1px solid #ffffff25; border-radius:22px; background:#161914; color:#edf0e5; overflow:auto; }
.showcase-dialog-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); position:relative; }
.showcase-dialog-media { position:relative; display:flex; flex-direction:column; justify-content:center; min-width:0; background:#0b0d0b; }
.showcase-dialog-media>img { display:block; width:100%; max-height:70dvh; height:auto; -o-object-fit:contain; object-fit:contain; }
.showcase-dialog-media>video { display:block; width:100%; height:min(72dvh,680px); -o-object-fit:contain; object-fit:contain; }
.showcase-example-label { display:block; padding:13px 16px; color:#a8ada3; font-size:12px; text-align:center; }
.showcase-dialog-copy { min-width:0; padding:38px 34px 30px; }
.showcase-dialog-copy>.creative-eyebrow { color:#d5ff5f; font-size:11px; }
.showcase-dialog-copy h2 { font-size:34px; line-height:1.1; letter-spacing:-.045em; font-weight:750; margin:12px 0; padding-right:15px; }
.showcase-dialog-copy>p:not(.creative-eyebrow) { font-size:15px; line-height:1.65; color:#b7beb0; }
.showcase-choice { display:block; margin-top:22px; }
.showcase-choice>span { display:block; font-size:14px; font-weight:700; margin-bottom:8px; }
.showcase-choice>select { display:block; width:100%; min-height:47px; border:1px solid #ffffff35; border-radius:10px; background:#22271e; color:#edf0e5; font-size:16px; padding:10px 36px 10px 13px; }
.showcase-choice>select:focus-visible { outline:2px solid #d5ff5f; outline-offset:3px; }
.showcase-create-button { display:flex; justify-content:space-between; margin-top:25px; width:100%; font-size:15px; }
.showcase-create-button.showcase-updating { pointer-events:none; opacity:.6; }
.showcase-dialog-copy>p.showcase-creation-note { font-size:13px; margin-top:12px; }
.showcase-prompt { margin-top:24px; padding-top:17px; border-top:1px solid #ffffff20; }
.showcase-prompt>summary { cursor:pointer; min-height:32px; font-size:14px; font-weight:650; color:#c3cabd; }
.showcase-prompt>div>p { font-size:14px; line-height:1.75; color:#a8ada3; margin:8px 0 12px; }
.showcase-prompt>div>p:empty { display:none; }
.showcase-dialog .concept-dialog-close { z-index:5; background:#0c100ddd; color:#fff; font-size:25px; }
@media(max-width:1050px) {
  .showcase-video-grid { gap:14px; }
  .showcase-media-top,.showcase-media-bottom { left:14px; right:14px; }
  .showcase-media-bottom>strong { font-size:21px; }
  .showcase-image-caption { flex-direction:column; align-items:start; gap:9px; }
}
@media(max-width:850px) and (min-width:601px) {
  .showcase-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .showcase-video-button { aspect-ratio:4/5; }
}
@media(max-width:700px) {
  .showcase-hero { padding-top:25px; }
  .showcase-intro h1 { font-size:clamp(38px,8vw,52px); max-width:550px; }
  .showcase-promise { font-size:15px; line-height:1.65; max-width:460px; }
  .showcase-heading { flex-direction:column; align-items:start; gap:6px; margin-top:24px; }
  .showcase-heading p { font-size:13px; }
  .showcase-hover-hint { display:none; }
  .showcase-footnote { align-items:start; flex-direction:column; gap:3px; margin-top:19px; padding-bottom:10px; }
  .showcase-footnote>p { font-size:12px; }
  .showcase-image-section.creative-section { padding-top:25px; }
  .showcase-image-grid { grid-template-columns:1fr; gap:25px; }
  .showcase-image-caption { flex-direction:row; align-items:center; }
  .showcase-image-caption strong { font-size:20px; }
  .showcase-dialog.concept-detail-dialog { width:calc(100% - 16px); max-height:96dvh; border-radius:16px; }
  .showcase-dialog-panel { grid-template-columns:1fr; }
  .showcase-dialog-media>video { height:40dvh; min-height:240px; }
  .showcase-dialog-media>img { max-height:42dvh; }
  .showcase-dialog-copy { padding:25px 23px; }
  .showcase-dialog-copy h2 { font-size:30px; }
  .showcase-example-label { padding:9px; }
  .showcase-dialog .concept-dialog-close { position:fixed; top:16px; right:16px; }
}
@media(max-width:600px) {
  .showcase-video-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; gap:14px; padding:4px 4px 16px; margin-inline:-4px; scrollbar-width:thin; scrollbar-color:#69775a transparent; }
  .showcase-card { flex:0 0 78%; scroll-snap-align:start; }
  .showcase-video-button { aspect-ratio:3/4; }
  .showcase-media-bottom>strong { font-size:25px; }
  .showcase-card>p { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .showcase-video-button>video { transition:none; }
  .showcase-video-grid { scroll-behavior:auto; }
  .homepage-variations ul { transition:none; }
}

@font-face {
  font-family: "Manrope";
  src: url("/marketing/creative-v1/fonts/manrope-variable.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

.creative-brand { --creative-ink:#101110; --creative-lime:#d5ff5f; --creative-paper:#edf0e5; --creative-muted:#a8ada3; }
.creative-trending-arrow { display:inline-block; width:1em; height:1em; flex:none; vertical-align:-.125em; }
body.creative-brand { background:#101110; color:#f3f4ee; font-family:"Manrope",sans-serif; }
.creative-brand .concept-page-shell { background:#101110; }
.creative-container { width:calc(100% - 80px); max-width:1440px; margin-inline:auto; }
.creative-home [id] { scroll-margin-top:100px; }
.creative-section-description { max-width:430px; color:#b6bcb0; font-size:15px; line-height:1.8; }
.creative-text-action { display:inline-flex; align-items:center; gap:18px; min-height:44px; margin-top:14px; color:#d5ff5f; font-size:14px; font-weight:750; text-decoration:none; }
.creative-short-benefits { display:flex; flex-wrap:wrap; gap:10px 26px; list-style:none; padding:0; margin:26px 0; color:#c6c9c0; font-size:13px; }
.creative-short-benefits li { display:flex; align-items:center; gap:9px; }
.creative-short-benefits li::before { content:'✓'; color:#d5ff5f; }
.creative-home :is(button,a,summary):focus-visible,.creative-nav :is(a,summary):focus-visible,.creative-footer a:focus-visible { outline:3px solid #d5ff5f; outline-offset:5px; }
.creative-nav { position:sticky; top:0; z-index:50; background:#101110f5; border-bottom:1px solid #ffffff10; backdrop-filter:blur(18px); color:#f3f4ee; font-family:"Manrope",sans-serif; }
.creative-nav-inner { min-height:82px; max-width:1440px; width:calc(100% - 80px); margin:auto; display:flex; gap:30px; align-items:center; justify-content:space-between; }
.creative-wordmark { display:inline-flex; align-items:center; flex:none; }
.creative-wordmark img { display:block; width:210px; height:auto; }
.creative-desktop-links { display:flex; align-items:center; gap:28px; }
.creative-desktop-links a,.creative-login { display:inline-flex; align-items:center; min-height:44px; font-size:13px; font-weight:650; color:#c6c9c0; text-decoration:none; white-space:nowrap; }
.creative-desktop-links a:hover,.creative-login:hover { color:#d5ff5f; }
.creative-nav-actions { display:flex; align-items:center; gap:22px; }
.creative-button { display:inline-flex; justify-content:center; align-items:center; gap:25px; min-height:54px; padding:15px 25px; border:1px solid transparent; border-radius:100px; background:#d5ff5f; color:#121510; font-size:14px; font-weight:800; line-height:1.35; text-decoration:none; cursor:pointer; transition:background-color .18s,transform .18s; }
.creative-button>span { font-size:23px; line-height:1; }
.creative-button:hover { background:#e1ff91; transform:translateY(-2px); }
.creative-button-small { min-height:42px; padding:11px 20px; font-size:12px; gap:18px; white-space:nowrap; }
.creative-button-small>span { font-size:19px; }
.creative-button-dark { background:#151811; color:#f3f4ee; }
.creative-button-dark:hover { background:#303727; }
.creative-mobile-menu { display:none; }
.creative-mobile-menu:not([open])>nav { display:none; }
.creative-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:38px; padding-block:44px 66px; }
.creative-hero-copy { position:relative; z-index:2; min-width:0; }
.creative-eyebrow { display:flex; align-items:center; gap:9px; font-size:10px; letter-spacing:.15em; line-height:1.7; text-transform:uppercase; font-weight:750; color:#a8ada3; }
.creative-status-dot { display:inline-block; width:6px; height:6px; background:#d5ff5f; border-radius:50%; flex:none; }
.creative-hero h1 { margin:26px 0 25px; font-size:clamp(56px,6.7vw,104px); line-height:.99; letter-spacing:-.065em; font-weight:750; }
.creative-hero h1>span { display:block; white-space:nowrap; }
.creative-lime { color:#d5ff5f; }
.creative-hero-description { max-width:480px; color:#b6bcb0; font-size:16px; font-weight:450; line-height:1.8; }
.creative-hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:31px; }
.creative-watch-link { display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:650; text-decoration:none; min-height:44px; }
.creative-play-icon { font-size:9px; display:grid; place-items:center; width:27px; height:27px; border:1px solid #ffffff45; border-radius:50%; }
.creative-watch-link:hover { color:#d5ff5f; }
.creative-hero-note { font-size:10px; color:#838b7e; margin-top:20px; }
.creative-hero-art { height:clamp(480px,43vw,660px); position:relative; min-width:0; }
.creative-orbit-line { position:absolute; width:106%; height:50%; left:-5%; top:30%; border:1px solid #d5ff5f28; border-radius:50%; transform:rotate(-32deg); pointer-events:none; }
.creative-hero-card { position:absolute; display:block; overflow:hidden; border-radius:15px; background:#242823; border:1px solid #ffffff19; cursor:pointer; box-shadow:0 24px 70px #0005; transition:transform .28s; }
.creative-hero-card>img { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.creative-hero-card-main { width:65%; height:89%; left:5%; top:5%; z-index:2; transform:rotate(-6deg); }
.creative-hero-card-back { width:37%; height:51%; right:-1%; top:0; transform:rotate(9deg); }
.creative-hero-card-front { width:37%; height:44%; right:-1%; bottom:0; z-index:3; transform:rotate(7deg); }
.creative-hero-card-main:hover { transform:rotate(-4deg) translateY(-7px); }
.creative-hero-card-back:hover { transform:rotate(7deg) translateY(-7px); }
.creative-hero-card-front:hover { transform:rotate(5deg) translateY(-7px); }
.creative-hero-card-label { position:absolute; inset:auto 0 0; padding:35px 18px 17px; display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:10px; font-weight:750; color:#fff; background:linear-gradient(transparent,#000a); text-align:left; }
.creative-hero-card-label>span { font-size:22px; }
.creative-hero-card-back .creative-hero-card-label { padding-left:28%; }
.creative-art-caption { position:absolute; left:4%; bottom:-37px; display:flex; align-items:center; gap:12px; color:#89917f; font-size:10px; line-height:1.8; }
.creative-art-caption strong { color:#c4cbbb; font-weight:500; }
.creative-mini-arrow { color:#d5ff5f; font-size:29px; }
.creative-capabilities { display:flex; align-items:center; justify-content:space-between; gap:28px; padding-block:26px; border-top:1px solid #ffffff20; border-bottom:1px solid #ffffff20; }
.creative-capabilities>span { font-size:11px; color:#8d9486; }
.creative-capabilities>a { font-size:17px; font-weight:650; letter-spacing:-.025em; display:flex; align-items:center; gap:30px; }
.creative-capabilities>a>span { color:#9fa991; font-size:23px; }
.creative-capabilities>a:hover { color:#d5ff5f; }
.creative-section { padding-block:90px; }
.creative-section-heading { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:36px; }
.creative-section-heading h2 { margin-top:16px; font-size:clamp(36px,4.3vw,64px); line-height:1.04; letter-spacing:-.05em; font-weight:650; }
.creative-section-heading>p { max-width:390px; padding-bottom:4px; color:#a8ada3; font-size:14px; line-height:1.8; }
.creative-look-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; align-items:start; }
.creative-look-card { display:block; width:100%; min-width:0; text-align:left; cursor:pointer; }
.creative-look-card-image { display:block; position:relative; overflow:hidden; border-radius:13px; background:#242823; aspect-ratio:4/5; }
.creative-look-card-1,.creative-look-card-3 { margin-top:46px; }
.creative-look-card-1 .creative-look-card-image,.creative-look-card-3 .creative-look-card-image { aspect-ratio:1/1; }
.creative-look-card-image>img { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; transition:transform .5s; }
.creative-look-card:hover .creative-look-card-image>img { transform:scale(1.04); }
.creative-look-card-text { display:block; padding:17px 0 0; }
.creative-look-card-text>strong { display:block; font-size:16px; letter-spacing:-.025em; font-weight:650; }
.creative-look-card-text>span { display:flex; gap:8px; align-items:center; margin-top:8px; color:#959e8b; font-size:11px; }
.creative-look-open { position:absolute; right:12px; top:12px; display:grid; place-items:center; width:32px; height:32px; background:#1117; backdrop-filter:blur(8px); border:1px solid #ffffff30; border-radius:50%; color:#fff; font-size:21px; transition:background .2s,color .2s; }
.creative-look-card:hover .creative-look-open { background:#d5ff5f; color:#141712; }
.creative-look-tag { position:absolute; bottom:12px; left:12px; color:#fff; background:#12171080; backdrop-filter:blur(8px); border:1px solid #ffffff25; border-radius:30px; padding:6px 10px; font-size:9px; font-weight:650; }
.creative-collection-caption { display:flex; justify-content:space-between; gap:18px; margin-top:35px; padding-top:23px; border-top:1px solid #ffffff18; font-size:10px; line-height:1.8; color:#858f7b; }
.creative-collection-caption>a { color:#d2d8c9; font-size:11px; }
.creative-collection-caption>a:hover { color:#d5ff5f; }
.creative-video-section { padding-top:10px; }
.creative-video-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; margin-top:22px; }
.creative-home .concept-gallery-toolbar { top:82px; border:0; border-bottom:1px solid #ffffff18; border-radius:0; padding:12px 0 18px; background:#101110ee; box-shadow:none; gap:18px; }
.creative-home .concept-filter-button { font-weight:600; font-size:11px; }
.creative-home .concept-filter-button.is-active { background:#d5ff5f; color:#141812; box-shadow:none; }
.creative-home .concept-gallery-search { width:220px; background:transparent; }
.creative-home .concept-gallery-search input { font-size:12px; }
.creative-home .concept-media-card-button { border-radius:11px; box-shadow:none; }
.creative-home .concept-media-kind-pill { font-size:9px; }
.creative-home .concept-dialog-cta { background:#d5ff5f; color:#141812; border-color:transparent; box-shadow:none; }
.creative-home .concept-dialog-cta:hover { background:#e1ff91; }
.creative-home .trend-collection,.creative-home .trend-dialog { --trend-bg:#101110; --trend-surface:#191c17; --trend-border:#ffffff22; --trend-primary:#d5ff5f; --trend-text:#f3f4ee; --trend-muted:#a8ada3; }
.creative-home .trend-collection { width:calc(100% - 80px); max-width:1440px; padding:80px 0 0; }
.creative-home .trend-collection-header h2 { font-size:clamp(32px,4vw,58px); font-weight:650; line-height:1.1; }
.creative-home .trend-create { color:#141812; border-radius:100px; }
.creative-home .trend-feature { max-width:none; gap:55px; }
.creative-home .trend-card { border-radius:13px; }
.creative-home .trend-card-guide { color:#cbd5bc; }
.creative-home .trend-filter-row select { border-radius:100px; font-size:12px; }
.creative-process-section { background:#edf0e5; color:#192016; padding-block:85px; }
.creative-process-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:90px; align-items:center; }
.creative-process-section .creative-eyebrow { color:#606c55; }
.creative-process-copy h2 { font-size:clamp(34px,4.05vw,61px); line-height:1.08; letter-spacing:-.05em; margin:20px 0; font-weight:650; }
.creative-process-copy>p:not(.creative-eyebrow) { color:#5c6555; font-size:14px; line-height:1.8; max-width:440px; }
.creative-steps { list-style:none; margin:28px 0 32px; padding:0; }
.creative-steps li { display:flex; gap:20px; border-top:1px solid #1a241520; padding:20px 0; }
.creative-steps li>span { padding-top:4px; color:#7b8771; font-size:10px; letter-spacing:.08em; }
.creative-steps h3 { font-size:17px; font-weight:750; letter-spacing:-.035em; margin-bottom:7px; }
.creative-steps p { max-width:370px; font-size:12px; color:#5c6555; line-height:1.8; }
.creative-process-art { position:relative; overflow:hidden; border-radius:16px; align-self:stretch; min-height:570px; }
.creative-process-art>img { position:absolute; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.creative-process-caption { position:absolute; inset:auto 0 0; padding:50px 25px 25px; color:#fff; background:linear-gradient(transparent,#091105de); }
.creative-process-caption>span { display:block; font-size:11px; color:#e3ead9; }
.creative-process-caption>button { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:20px; letter-spacing:-.04em; font-weight:700; width:100%; padding-top:10px; cursor:pointer; }
.creative-process-caption>button>span { font-size:28px; color:#d5ff5f; }
.creative-format-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); -moz-column-gap:60px; column-gap:60px; }
.creative-format-links>a { display:flex; align-items:center; gap:22px; padding:23px 0; border-top:1px solid #ffffff22; min-width:0; }
.creative-format-number { font-size:10px; color:#859174; min-width:20px; }
.creative-format-links>a>span:nth-child(2) { flex:1; min-width:0; }
.creative-format-links strong { display:block; font-size:19px; letter-spacing:-.03em; font-weight:600; }
.creative-format-links small { display:block; font-size:11px; color:#a1a995; margin-top:8px; line-height:1.7; }
.creative-format-arrow { font-size:24px; color:#a6b09b; transition:transform .2s; }
.creative-format-links>a:hover { color:#d5ff5f; }
.creative-format-links>a:hover .creative-format-arrow { transform:translate(3px,-3px); color:#d5ff5f; }
.creative-format-image { color:#d5ff5f; }
.creative-faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:60px; border-top:1px solid #ffffff20; }
.creative-faq h2 { font-size:clamp(46px,5vw,76px); font-weight:600; letter-spacing:-.055em; line-height:1.05; margin:20px 0 30px; }
.creative-faq>div>a { font-size:12px; color:#a3af97; }
.creative-faq-list details { border-top:1px solid #ffffff22; padding:21px 0; }
.creative-faq-list summary { display:flex; justify-content:space-between; align-items:center; gap:24px; list-style:none; cursor:pointer; font-size:14px; font-weight:650; }
.creative-faq-list summary::-webkit-details-marker { display:none; }
.creative-faq-list summary>span { font-size:25px; font-weight:300; color:#b5c4a1; }
.creative-faq-list details[open] summary>span { transform:rotate(45deg); }
.creative-faq-list p { color:#a5ae9c; font-size:12px; line-height:1.9; padding:16px 30px 0 0; }
.creative-faq-list p a { color:#d5ff5f; text-decoration:underline; }
.creative-final { background:#d5ff5f; color:#1a2015; padding-block:66px; }
.creative-final .creative-eyebrow { color:#526437; }
.creative-final-row { display:flex; align-items:center; justify-content:space-between; gap:32px; margin:22px 0 25px; }
.creative-final h2 { font-size:clamp(54px,7.5vw,112px); line-height:1; font-weight:650; letter-spacing:-.065em; }
.creative-final-row>a { width:125px; height:125px; display:grid; place-items:center; flex:none; border:1px solid #1b281740; border-radius:50%; font-size:76px; line-height:1; transition:background .2s,transform .2s; }
.creative-final-row>a:hover { background:#1a2015; color:#d5ff5f; transform:rotate(5deg); }
.creative-final .creative-container>p:last-child { font-size:13px; color:#4e5e3b; }
.creative-footer { background:#101110; color:#a8b19e; overflow:hidden; }
.creative-footer-top { display:grid; grid-template-columns:2fr 1fr 1fr; gap:50px; padding-block:60px; }
.creative-footer-top>div>p { font-size:12px; line-height:1.9; margin-top:20px; color:#8d9980; }
.creative-footer-top nav { display:flex; flex-direction:column; align-items:start; gap:13px; font-size:11px; }
.creative-footer-top nav>span { color:#f3f4ee; font-weight:700; margin-bottom:8px; }
.creative-footer a:hover { color:#d5ff5f; }
.creative-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:24px; border-top:1px solid #ffffff16; font-size:10px; color:#819070; }
.creative-footer-bottom>div { display:flex; gap:25px; }
.creative-footer-signature { color:#d5ff5f; font-size:clamp(54px,16.7vw,300px); line-height:1.28; font-weight:800; letter-spacing:-.085em; white-space:nowrap; text-align:center; padding:16px 24px .15em; opacity:.95; }
.creative-look-panel { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); position:relative; overflow:auto; max-height:90dvh; border-radius:20px; border:1px solid #ffffff30; background:#131710; }
.creative-look-image { min-height:100%; }
.creative-look-image>img { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.creative-look-copy { padding:55px 38px 36px; min-width:0; }
.creative-look-copy h2 { font-size:34px; line-height:1.12; font-weight:650; letter-spacing:-.05em; margin:16px 0; }
.creative-look-copy>p { font-size:13px; line-height:1.8; color:#aab69f; }
.creative-prompt-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:28px 0 12px; }
.creative-look-copy h3 { font-size:12px; font-weight:700; }
.creative-look-copy .creative-look-prompt { padding:16px; border:1px solid #ffffff20; background:#ffffff04; border-radius:10px; font-size:12px; }
.creative-look-copy .creative-copy-status { min-height:22px; font-size:10px; color:#d5ff5f; }
.creative-look-variations { padding:13px 0 22px; list-style:none; }
.creative-look-variations>li { font-size:12px; line-height:1.9; color:#b1bfa4; }
.creative-look-variations>li>span { color:#d5ff5f; margin-right:8px; }
.creative-look-copy>.creative-button { width:100%; }
.creative-look-copy .creative-fine-print { font-size:10px; line-height:1.8; color:#819174; margin-top:14px; }

@media(min-width:1600px) {
  .creative-hero { gap:75px; padding-top:70px; }
}
@media(max-width:1100px) {
  .creative-nav-inner,.creative-container,.creative-home .trend-collection { width:calc(100% - 48px); }
  .creative-desktop-links { gap:18px; }
  .creative-wordmark img { width:178px; }
  .creative-nav-actions { gap:14px; }
  .creative-hero { gap:20px; }
  .creative-hero h1 { font-size:6.6vw; }
  .creative-hero-art { height:480px; }
  .creative-hero-description { font-size:14px; }
  .creative-hero-actions { gap:12px; }
  .creative-hero-actions .creative-button { padding:15px 19px; font-size:12px; gap:15px; }
  .creative-hero-note { font-size:9px; }
  .creative-process-grid { gap:45px; }
  .creative-look-grid { gap:16px; }
  .creative-look-card-text>strong { font-size:14px; }
  .creative-home .concept-gallery-toolbar { flex-direction:column; align-items:stretch; }
  .creative-home .concept-gallery-search { width:100%; }
  .creative-video-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .creative-capabilities>a { font-size:15px; gap:12px; }
}
@media(max-width:800px) {
  .creative-desktop-links { display:none; }
  .creative-mobile-menu { display:block; }
  .creative-mobile-menu>summary { list-style:none; display:flex; justify-content:center; flex-direction:column; align-items:center; gap:5px; width:40px; height:40px; cursor:pointer; border:1px solid #ffffff30; border-radius:50%; }
  .creative-mobile-menu>summary::-webkit-details-marker { display:none; }
  .creative-mobile-menu>summary>span { width:15px; height:1px; background:#f3f4ee; }
  .creative-mobile-menu[open]>summary>span:first-child { transform:translateY(3px) rotate(45deg); }
  .creative-mobile-menu[open]>summary>span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .creative-mobile-menu>nav { position:absolute; top:calc(100% + 8px); left:16px; right:16px; padding:15px 22px; border:1px solid #ffffff25; border-radius:14px; background:#191d16; box-shadow:0 30px 60px #0007; display:flex; flex-direction:column; }
  .creative-mobile-menu>nav>a { padding:14px 0; font-size:14px; border-bottom:1px solid #ffffff12; }
  .creative-mobile-menu>nav>a:last-child { border:0; }
  .creative-hero { grid-template-columns:1fr; gap:45px; padding-top:36px; padding-bottom:65px; }
  .creative-hero h1 { font-size:clamp(56px,10.2vw,82px); margin-top:21px; }
  .creative-hero-description { font-size:15px; max-width:470px; }
  .creative-hero-art { height:540px; max-width:570px; width:100%; margin:auto; }
  .creative-hero-card-main { left:10%; width:60%; }
  .creative-hero-card-back,.creative-hero-card-front { right:4%; width:33%; }
  .creative-art-caption { left:10%; bottom:-28px; }
  .creative-orbit-line { width:98%; left:0; }
  .creative-capabilities { flex-wrap:wrap; gap:20px; justify-content:space-between; padding-block:23px; }
  .creative-capabilities>span { width:100%; }
  .creative-capabilities>a { font-size:13px; }
  .creative-section { padding-block:60px; }
  .creative-section-heading { display:block; margin-bottom:28px; }
  .creative-section-heading>p { margin-top:19px; font-size:13px; }
  .creative-look-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 18px; }
  .creative-look-card-1,.creative-look-card-3 { margin-top:0; }
  .creative-look-card-image,.creative-look-card-1 .creative-look-card-image,.creative-look-card-3 .creative-look-card-image { aspect-ratio:4/5; }
  .creative-collection-caption { display:block; font-size:10px; line-height:1.9; }
  .creative-collection-caption>a { display:block; margin-top:12px; }
  .creative-video-section { padding-top:0; }
  .creative-home .trend-feature { gap:25px; }
  .creative-process-grid { grid-template-columns:1fr; gap:40px; }
  .creative-process-copy h2 { font-size:48px; }
  .creative-process-art { min-height:480px; max-width:100%; }
  .creative-process-art>img { -o-object-position:center 48%; object-position:center 48%; }
  .creative-process-section { padding-block:60px; }
  .creative-format-links { gap:0 28px; }
  .creative-format-links>a { gap:12px; }
  .creative-format-number { min-width:14px; }
  .creative-format-links strong { font-size:17px; }
  .creative-faq { grid-template-columns:1fr; gap:20px; }
  .creative-faq h2 { font-size:50px; }
  .creative-final-row>a { width:80px; height:80px; font-size:48px; }
  .creative-footer-top { grid-template-columns:2fr 1fr 1fr; gap:25px; }
  .creative-footer .creative-wordmark img { width:180px; }
  .creative-footer-bottom { flex-wrap:wrap; }
  .creative-look-dialog.concept-detail-dialog { width:100%; max-height:100dvh; margin:0; overflow:hidden; }
  .creative-look-panel { grid-template-columns:1fr; min-height:100dvh; max-height:100dvh; overflow-y:auto; overscroll-behavior:contain; border-radius:0; }
  .creative-look-image { min-height:0; background:#141812; }
  .creative-look-image>img { height:46dvh; -o-object-fit:contain; object-fit:contain; }
  .creative-look-copy { padding:30px 24px; }
  .creative-look-dialog .concept-dialog-close { position:fixed; font-size:25px; }
}
@media(max-width:767px) {
  .creative-home .concept-gallery-search { width:100%; }
}
@media(max-width:500px) {
  .creative-nav-inner,.creative-container,.creative-home .trend-collection { width:calc(100% - 36px); }
  .creative-nav-inner { min-height:68px; gap:10px; }
  .creative-wordmark img { width:149px; }
  .creative-nav .creative-login { display:none; }
  .creative-nav-actions { gap:9px; }
  .creative-button-small { padding:11px 14px; gap:10px; min-height:38px; font-size:10px; }
  .creative-button-small>span { font-size:15px; }
  .creative-mobile-menu>summary { width:36px; height:36px; }
  .creative-hero { gap:32px; padding-top:29px; }
  .creative-hero .creative-eyebrow { font-size:8px; letter-spacing:.12em; }
  .creative-hero h1 { font-size:clamp(45px,13.8vw,67px); margin:20px 0; }
  .creative-hero-description { font-size:13px; line-height:1.8; }
  .creative-hero-actions { gap:17px; margin-top:25px; }
  .creative-hero-actions .creative-button { padding:14px 19px; min-height:47px; font-size:11px; gap:15px; }
  .creative-watch-link { font-size:10px; gap:7px; }
  .creative-play-icon { width:23px; height:23px; font-size:7px; }
  .creative-hero-note { font-size:8px; margin-top:15px; }
  .creative-hero-art { height:350px; }
  .creative-hero-card { border-radius:10px; }
  .creative-hero-card-main { width:62%; height:92%; left:7%; top:4%; }
  .creative-hero-card-back { right:2%; width:35%; height:53%; }
  .creative-hero-card-front { right:1%; width:36%; height:44%; bottom:0; }
  .creative-hero-card-label { font-size:7px; padding:25px 10px 10px; }
  .creative-hero-card-label>span { font-size:15px; }
  .creative-art-caption { left:5%; bottom:-31px; font-size:8px; gap:8px; }
  .creative-capabilities { gap:13px; }
  .creative-capabilities>a { font-size:11px; gap:8px; }
  .creative-capabilities>a>span { font-size:17px; }
  .creative-capabilities>span { font-size:9px; }
  .creative-section-heading h2 { font-size:39px; }
  .creative-section-heading>p { font-size:11px; }
  .creative-section-description { margin-top:20px; font-size:14px; }
  .creative-look-grid { gap:28px 12px; }
  .creative-look-card-text>strong { font-size:12px; line-height:1.5; }
  .creative-look-card-text>span { font-size:9px; }
  .creative-look-card-text { padding-top:12px; }
  .creative-look-card-image { border-radius:9px; }
  .creative-look-tag { left:7px; bottom:7px; padding:5px 7px; font-size:7px; }
  .creative-look-open { width:24px; height:24px; font-size:16px; right:7px; top:7px; }
  .creative-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .creative-home .concept-gallery-toolbar { top:68px; }
  .creative-home .trend-collection { padding-top:55px; }
  .creative-home .trend-collection-header p { font-size:12px; line-height:1.8; }
  .creative-process-copy h2 { font-size:39px; }
  .creative-process-copy>p:not(.creative-eyebrow) { font-size:12px; }
  .creative-steps li { gap:15px; }
  .creative-steps h3 { font-size:15px; }
  .creative-steps p { font-size:11px; }
  .creative-process-art { min-height:415px; }
  .creative-format-links { grid-template-columns:1fr; }
  .creative-format-links>a { padding:20px 0; }
  .creative-format-links small { font-size:10px; }
  .creative-faq-list summary { font-size:12px; }
  .creative-faq-list p { font-size:11px; }
  .creative-final { padding-block:45px; }
  .creative-final h2 { font-size:clamp(38px,11vw,55px); }
  .creative-final-row { gap:10px; }
  .creative-final-row>a { width:54px; height:54px; font-size:32px; }
  .creative-final .creative-container>p:last-child { font-size:10px; }
  .creative-footer-top { grid-template-columns:1fr 1fr; gap:35px; padding-block:44px; }
  .creative-footer-top>div { grid-column:1 / -1; }
  .creative-footer-bottom { gap:20px; font-size:9px; padding-block:20px; }
  .creative-footer-bottom>span { width:100%; }
  .creative-footer-signature { font-size:16.7vw; padding:15px 8px .2em; }
  .creative-look-copy h2 { font-size:29px; }
}
@media(max-width:360px) {
  .creative-nav .creative-wordmark img { width:128px; }
  .creative-nav .creative-button-small { padding-inline:11px; gap:7px; }
  .creative-nav-actions { gap:7px; }
  .creative-orbit-line { width:88%; left:5%; }
  .creative-final-row { align-items:start; }
  .creative-final h2 { font-size:35px; }
  .creative-final-row>a { width:42px; height:42px; font-size:28px; }
}
@media(prefers-reduced-motion:reduce) {
  .creative-hero-card,.creative-button,.creative-look-card-image>img,.creative-final-row>a { transition:none; }
  .creative-hero-card:hover,.creative-button:hover { translate:none; }
  .creative-look-card:hover .creative-look-card-image>img { transform:none; }
}