.creative-body{overflow:clip;background:#09090b;color:#f6f4f1}.creative-section{padding-top:110px;padding-bottom:40px;scroll-margin-top:90px}.creative-body .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;color:#ff923e;margin-bottom:24px}.creative-body h2{font-size:clamp(38px,5.2vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:0 0 24px}.creative-body em{font-family:Georgia,serif;font-weight:400}.creative-body p{font-size:17px;line-height:1.75;color:#aaaab3}.creative-heading{max-width:800px;margin-bottom:48px}.showcase-grid{display:grid;grid-template-columns:1.05fr .65fr 1fr;grid-template-rows:260px 260px;gap:20px}.visual-card{position:relative;overflow:hidden;margin:0;border-radius:22px;background:#18181d;border:1px solid #ffffff16}.visual-card img,.visual-card video{display:block;width:100%;height:100%;object-fit:cover}.visual-card img{transition:transform .7s ease}.visual-card:hover img{transform:scale(1.035)}.visual-card figcaption{position:absolute;top:18px;left:18px;padding:9px 15px;border-radius:30px;border:1px solid #ffffff38;background:#16161640;backdrop-filter:blur(16px);color:white;font-size:13px;pointer-events:none}.showcase-tall{grid-row:span 2}.showcase-wide{grid-column:span 2}.showcase-quote{display:flex;flex-direction:column;justify-content:center;padding:12px 24px}.showcase-quote p{font-size:clamp(24px,3vw,40px);line-height:1.15;letter-spacing:-.035em;color:#f4f1ec}.showcase-quote .eyebrow{font-size:9px;margin-bottom:18px}.feature-split{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center}.feature-copy p{max-width:420px}.creative-link{display:inline-flex;align-items:center;gap:24px;color:#fff;text-decoration:none;font-size:15px;font-weight:600;border-bottom:1px solid #ffffff45;padding:12px 0;margin-top:22px}.creative-link:hover{color:#ff923e;border-color:#ff923e}.creative-link:focus-visible{outline:2px solid #ff923e;outline-offset:6px}.chat-preview{padding:28px;border:1px solid #ffffff20;border-radius:24px;background:radial-gradient(ellipse at top right,#ff7b0012,transparent 70%),#121215;box-shadow:0 25px 90px #0006;transform:rotate(-1deg)}.preview-topline{display:flex;justify-content:space-between;gap:15px;color:#d7d7de;font-size:12px;padding-bottom:32px}.preview-topline>span:last-child{color:#898994}.status-dot{display:inline-block;width:6px;height:6px;background:#ff8b28;border-radius:100%;margin-right:7px}.chat-request{background:#29292f;padding:16px 20px;border-radius:18px 18px 4px 18px;margin-left:50px;font-size:15px;line-height:1.6}.chat-answer{font-size:14px;color:#b9b9c2;padding:28px 0 18px}.mini-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-reels>div{aspect-ratio:9/14;border:1px solid #ffffff18;border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;justify-content:center;font-size:clamp(16px,2vw,28px);font-weight:800;line-height:1.1;background:linear-gradient(160deg,#493328,#19191b)}.mini-reels>div:nth-child(2){background:linear-gradient(155deg,#314439,#121a17)}.mini-reels>div:nth-child(3){background:linear-gradient(155deg,#41404c,#191820)}.mini-reels span{font-size:10px;font-weight:400;line-height:1.4;margin-top:16px;color:#dad7d1}.chat-composer{margin-top:28px;border:1px solid #ffffff1c;border-radius:14px;padding:16px;color:#8b8b95;font-size:12px;display:flex;justify-content:space-between}.chat-composer span{color:#ff923e}.image-stack{height:560px;position:relative}.image-stack img{object-fit:cover;border:1px solid #ffffff25;border-radius:20px;box-shadow:0 24px 50px #0005}.image-back{position:absolute;top:0;left:0;width:68%;height:72%;transform:rotate(-7deg)}.image-front{position:absolute;right:0;bottom:0;width:59%;height:80%;transform:rotate(6deg)}.glass-label{position:absolute;bottom:25px;left:10px;padding:14px 20px;background:#2225;backdrop-filter:blur(20px);border:1px solid #ffffff35;border-radius:40px;font-size:12px}.video-showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-showcase .visual-card{aspect-ratio:4/3}.reel-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:30px 5px}.reel-sample{aspect-ratio:9/16;display:flex;flex-direction:column;justify-content:center;padding:30px 22px;border:1px solid #ffffff25;border-radius:18px;box-shadow:0 20px 40px #0004}.reel-one{background:radial-gradient(ellipse at bottom,#574128,#171b19 75%);transform:rotate(-5deg)}.reel-two{background:linear-gradient(160deg,#e7dcc5,#a5ada0);color:#18221d;transform:rotate(5deg) translateY(32px)}.reel-sample>span,.reel-sample small{font-size:8px;letter-spacing:.12em}.reel-sample h3{font-size:clamp(21px,2.5vw,35px);line-height:1.15;letter-spacing:-.025em;margin:40px 0 20px}.reel-sample p{font-size:12px;color:inherit;opacity:.8}.reel-sample small{margin-top:auto;padding-top:30px}.creative-outro{text-align:center;padding-bottom:110px;padding-top:150px;background:radial-gradient(ellipse at bottom,#ff79000c,transparent 65%)}.creative-outro h2{font-size:clamp(55px,8vw,112px)}.creative-outro .btn{margin-top:20px}.creative-body .reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1)}.creative-body .reveal.is-pending{opacity:0;translate:0 24px}.showcase-grid .reveal:nth-child(2),.video-showcase .reveal:nth-child(2){transition-delay:100ms}.showcase-grid .reveal:nth-child(3){transition-delay:180ms}
@media(max-width:1000px){.feature-split{gap:35px}.showcase-grid{grid-template-rows:210px 210px}.image-stack{height:430px}.chat-preview{padding:20px}.reel-sample{padding:22px 16px}}
@media(max-width:700px){.creative-section{padding-top:72px;padding-bottom:15px}.creative-body h2{font-size:44px}.showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 200px}.showcase-tall{grid-row:span 2}.showcase-wide{grid-column:auto}.showcase-small{grid-column:2}.showcase-quote{grid-column:span 2;padding:18px 0}.showcase-quote p{font-size:34px}.feature-split{grid-template-columns:1fr;gap:32px}.image-feature .feature-copy{grid-row:1}.image-stack{height:440px;margin:0 12px}.video-showcase{grid-template-columns:1fr}.chat-preview{transform:none}.mini-reels>div{font-size:24px}.reel-sample h3{font-size:27px}.reel-gallery{max-width:490px}.creative-outro{padding-bottom:75px}.creative-body p{font-size:16px}.creative-heading{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.creative-body .reveal,.visual-card img{transition:none}.creative-body .reveal.is-pending{opacity:1;translate:none}}

/* Showcase clips behave as ambient media on desktop and touch devices. */
.creative-body .visual-card video { pointer-events: none; }
/* Phone composition: one reading column, uncrowded media and swipeable reels. */
@media (max-width: 700px) {
  .creative-body .container { width: 100%; padding-left: 20px; padding-right: 20px; }
  .creative-body .creative-section { padding-top: 64px; padding-bottom: 12px; }
  .creative-body h2 { font-size: clamp(32px, 9vw, 48px); line-height: 1.12; letter-spacing: -.04em; overflow-wrap: break-word; }
  .creative-body .eyebrow { font-size: 10px; letter-spacing: .14em; line-height: 1.6; margin-bottom: 16px; }
  .creative-body p { font-size: 16px; line-height: 1.65; }
  .creative-heading { margin-bottom: 28px; }
  .showcase-grid { display: flex; flex-direction: column; gap: 16px; }
  .showcase-grid .visual-card { width: 100%; aspect-ratio: 4 / 3; }
  .showcase-grid .showcase-tall { aspect-ratio: 4 / 5; }
  .showcase-quote { padding: 20px 0 0; }
  .showcase-quote p { font-size: 30px; line-height: 1.25; }
  .feature-split { display: flex; flex-direction: column; align-items: stretch; gap: 28px; }
  .feature-copy { min-width: 0; }
  .image-feature .feature-copy { order: -1; }
  .creative-link { min-height: 48px; margin-top: 12px; }
  .chat-preview { padding: 18px; border-radius: 18px; transform: none; min-width: 0; }
  .preview-topline { flex-wrap: wrap; gap: 8px; padding-bottom: 22px; }
  .chat-request { margin-left: 12px; padding: 14px; font-size: 14px; }
  .chat-answer { line-height: 1.6; padding: 20px 0 16px; }
  .mini-reels { display: flex; flex-direction: column; gap: 10px; }
  .mini-reels > div { aspect-ratio: auto; min-height: 110px; padding: 18px; font-size: 24px; }
  .mini-reels span { font-size: 12px; margin-top: 10px; }
  .chat-composer { gap: 12px; line-height: 1.5; margin-top: 20px; padding: 14px; }
  .image-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; height: auto; margin: 0; }
  .image-stack img { position: static; width: 100%; height: auto; max-height: none; aspect-ratio: 4 / 5; transform: none; object-fit: cover; border-radius: 18px; }
  .image-stack .glass-label { position: static; justify-self: start; border-radius: 12px; line-height: 1.5; padding: 12px 16px; }
  .video-showcase { gap: 18px; }
  .video-showcase .visual-card { aspect-ratio: 4 / 3; }
  .visual-card figcaption { top: 12px; left: 12px; max-width: calc(100% - 24px); font-size: 12px; }
  .reel-gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding: 4px 0 18px; width: 100%; max-width: none; }
  .reel-sample { flex: 0 0 88%; min-width: 0; transform: none; scroll-snap-align: start; aspect-ratio: 9 / 16; padding: 28px 24px; box-shadow: none; }
  .reel-sample h3 { font-size: clamp(26px, 8vw, 38px); margin: 30px 0 18px; }
  .reel-sample p { font-size: 14px; }
  .reel-sample > span, .reel-sample small { font-size: 9px; line-height: 1.6; }
  .creative-body .creative-outro { padding-top: 80px; padding-bottom: 72px; }
  .creative-outro .btn { display: flex; justify-content: center; width: 100%; min-height: 52px; }
}
@media (hover: none) {
  .creative-body .visual-card:hover img { transform: none; }
}
/* Hide browser chrome, preserving native touch/trackpad scrolling and snapping. */
.reel-gallery { scrollbar-width: none; -ms-overflow-style: none; }
.reel-gallery::-webkit-scrollbar { display: none; width: 0; height: 0; }
.reel-gallery:focus-visible { outline: 2px solid #ff923e; outline-offset: 4px; }