.examples-scroll{height:540svh;background:#efebf1;color:#211829;position:relative;scroll-margin-top:0}.examples-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(140deg,#f3f0f3,#e6deeb)}.examples-header{padding:30px 6% 20px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px;flex-shrink:0}.examples-header .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:10px;color:#796382}.examples-header h2{font-size:clamp(32px,4.4vw,60px);font-weight:500;line-height:1.03;letter-spacing:-.06em;margin:0}.examples-header h2 em{font-style:normal;color:#84658f}.examples-intro p{color:#716276;font-size:12px;line-height:1.6;margin-bottom:10px}.examples-intro>a{font-size:10px;border-bottom:1px solid #b5a6bd;padding-bottom:4px}.examples-window{min-height:0;flex:1;overflow:hidden}.examples-track{height:100%;display:flex;width:100%;will-change:transform}.example-slide{flex:0 0 100%;width:100%;height:100%;padding:0 6%;display:flex;flex-direction:column;min-width:0;gap:18px}.example-scene{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:5px;background:#2b1d37}.example-photo{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.example-grade{position:absolute;inset:0;background:linear-gradient(130deg,#392342,#66517b);mix-blend-mode:color;opacity:.48}.example-darken{position:absolute;inset:0;background:linear-gradient(0deg,#1a102bba,transparent 45%),linear-gradient(90deg,#1c112e88,transparent 65%)}.example-name{position:absolute;top:25px;left:30px;font-family:Manrope,sans-serif;font-size:clamp(24px,3.3vw,46px);color:#f8f3fb;letter-spacing:-.05em;font-weight:500;max-width:45%;line-height:1.05}.example-tv{position:absolute;right:7%;top:16%;width:32%;aspect-ratio:16/9;background:#d6bee3;border:5px solid #17121d;border-radius:4px;box-shadow:0 14px 30px #08030c80;overflow:hidden;transform:perspective(1000px) rotateY(-5deg)}.example-ad{position:absolute;right:0;top:0;width:26%;height:100%;padding:5% 3%;display:flex;flex-direction:column;justify-content:center;gap:8px;color:#3a2148;overflow-wrap:anywhere}.example-ad strong{font-family:Manrope,sans-serif;font-size:clamp(7px,1.1vw,16px);line-height:1.02}.example-ad b{font-size:clamp(7px,1vw,14px)}.example-ad-bottom{position:absolute;bottom:0;left:0;width:74%;height:26%;display:flex;align-items:center;justify-content:center;background:#ede0cd;color:#3d2943;font-size:clamp(5px,.7vw,10px);font-weight:600;text-align:center;padding:2%}.example-program{position:absolute;left:0;top:0;width:74%;height:74%;object-fit:cover}.example-live{position:absolute;left:3%;top:5%;font-size:5px;background:#1b1021a0;color:#fff;padding:3px}.example-tracking{position:absolute;left:43%;top:39%;width:9%;height:45%;border:1px solid #d8b7ff90;border-radius:2px}.example-tracking:before,.example-tracking:after{content:'';position:absolute;width:10px;height:10px;border-style:solid;border-color:#e1c4ff}.example-tracking:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.example-tracking:after{right:-2px;bottom:-2px;border-width:0 2px 2px 0}.example-tracking>span{position:absolute;bottom:calc(100% + 8px);color:#e7d1ff;white-space:nowrap;font-size:6px;letter-spacing:.1em}.example-signals{position:absolute;bottom:20px;left:30px;font-size:10px;color:#f1e7fa}.example-disclaimer{position:absolute;bottom:20px;right:20px;color:#dfd0eb;font-size:8px}.example-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;flex-shrink:0;padding-bottom:5px;min-height:95px}.example-content>div{min-width:0}.example-index{font-size:8px;letter-spacing:.14em;margin-bottom:7px;color:#8d7696}.example-content h3{font-size:clamp(19px,2.2vw,30px);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:0}.example-content>p{font-size:12px;line-height:1.65;color:#76667d;margin:0;max-width:460px}.examples-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 6% 20px;flex-shrink:0}.example-navigation{display:flex;gap:16px;flex-wrap:wrap}.example-navigation button{border:0;background:none;padding:5px 0;color:#8b7894;border-bottom:1px solid transparent;font-size:10px;white-space:nowrap}.example-navigation button[aria-current=step]{color:#2d1a3a;border-color:#7a548f}.examples-hint{font-size:8px;letter-spacing:.1em;white-space:nowrap;color:#877290}.examples-progress{height:2px;width:100%;background:#d5c9db;flex-shrink:0}.examples-progress>span{height:100%;display:block;background:#80608f;width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.example-slide[data-example=bar] .example-tv{background:url('assets/bar-offer.jpg') center/100% 100%}.example-slide[data-example=bar] .example-ad,.example-slide[data-example=bar] .example-ad-bottom{visibility:hidden}
@media(max-width:760px){.examples-scroll{height:540svh}.examples-header{padding:25px 7% 18px;gap:15px}.examples-header h2{font-size:38px}.examples-header .eyebrow{font-size:7px;letter-spacing:.11em}.examples-intro p{display:none}.examples-intro>a{font-size:9px;white-space:nowrap}.example-slide{padding:0 7%;gap:16px}.example-name{top:20px;left:20px;max-width:70%;font-size:32px}.example-photo{object-position:57% center}.example-tv{width:56%;right:7%;top:30%}.example-ad strong{font-size:10px}.example-ad b{font-size:9px}.example-ad-bottom{font-size:6px}.example-tracking{left:22%;top:47%;width:15%;height:31%}.example-tracking>span{font-size:5px}.example-signals{left:20px;bottom:35px;right:15px;font-size:9px}.example-disclaimer{left:20px;right:auto;bottom:17px;font-size:7px}.example-content{display:block;min-height:135px;padding:0}.example-content h3{font-size:24px;max-width:330px}.example-content>p{font-size:11px;line-height:1.6;margin-top:10px}.examples-bottom{padding:10px 7% 18px}.example-navigation{gap:6px 12px}.example-navigation button{font-size:9px;padding:6px 0;min-height:35px}.examples-hint{display:none}.example-live{font-size:4px}}
@media(max-height:700px){.examples-header{padding-top:18px;padding-bottom:14px}.examples-header h2{font-size:36px}.example-content{min-height:90px}.example-content h3{font-size:21px}.examples-bottom{padding-top:8px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.examples-track{will-change:auto}}
@media(max-width:760px){.examples-header{position:relative;display:block}.examples-intro{position:absolute;right:7%;top:24px}.example-ad{padding:2%;gap:5px}.example-ad strong{font-size:9px}.example-ad b{font-size:8px}}

/* Business environments share the approved photographic composition. */
.examples-track{position:relative;display:block;transform:none!important}
.example-slide{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity}
.example-slide:first-child{opacity:1;visibility:visible}
.example-scene{background:#201728;border-radius:12px;isolation:isolate}
.business-plane{position:absolute;left:0;top:0;width:2688px;height:1520px;transform-origin:0 0}
.business-plane .example-photo{object-fit:fill;filter:saturate(.9) brightness(.97) contrast(.98)}
.business-plane .example-grade{background:#63467b;opacity:.35;mix-blend-mode:color}
.business-plane .example-darken{background:linear-gradient(90deg,#22132cbd,transparent 43%);backdrop-filter:blur(1px)}
.business-plane:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.3;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.business-plane .example-tv{left:0;top:0;right:auto;width:1000px;height:562.5px;border:0;border-radius:0;box-shadow:none;transform-origin:0 0;z-index:2}
.example-name{font-size:clamp(20px,2.6vw,36px);text-shadow:0 2px 16px #16091d;top:20px;left:24px}
.example-signals,.example-disclaimer{text-shadow:0 1px 8px #100716}
.example-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 40%,#5d4666,#21172b 75%)}
@media(max-width:760px){.example-slide{gap:12px}.example-name{font-size:24px;top:16px;left:16px}.example-scene{min-height:200px}.example-signals{left:16px;font-size:8px}.example-disclaimer{left:16px}.examples-scroll{height:540svh}.example-content{min-height:140px}.examples-bottom{gap:8px}.example-navigation{gap:0 12px}.layer-controls{flex-shrink:0}.layer-controls button{max-width:95px;font-size:9px}.examples-header h2{font-size:clamp(28px,8vw,38px)}}
@media(prefers-reduced-motion:reduce){.example-slide{will-change:auto}}

.business-campaign{position:absolute;inset:0;z-index:2;background:#79549e;color:white}.business-campaign strong{position:absolute;left:76%;right:2%;top:24%;font-size:48px;line-height:1.08;font-weight:500;letter-spacing:-2px}.business-campaign span{position:absolute;bottom:9%;left:5%;font-size:20px;letter-spacing:2px}.business-plane .layer-live-label{font-size:12px;padding:8px}
@media(max-width:760px){.example-scene{flex:0 0 auto;aspect-ratio:2688/1520;min-height:0}.example-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:150px}.example-content>p{margin:0}.example-name{font-size:18px;top:12px;left:14px}.example-signals{font-size:7px;bottom:25px}.example-disclaimer{font-size:6px;bottom:12px}}
/* Explicit grid sizing avoids Safari's percentage-height flex overflow. */
.examples-sticky{display:grid;grid-template-rows:auto minmax(0,1fr) auto 2px}
.examples-window{position:relative;min-height:0;min-width:0}
.examples-track{position:absolute;inset:0;height:auto}
.example-slide{height:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}
.example-scene{min-height:0;min-width:0}
.example-content{min-height:86px;max-width:100%}
@media(max-width:760px){.examples-scroll{height:calc(var(--opening-height,100svh) * 5.4)}.examples-sticky{height:var(--opening-height,100svh)}.example-slide{grid-template-rows:auto minmax(140px,1fr)}.example-scene{width:100%;aspect-ratio:2688/1520}.example-content{min-height:140px}}
@media(min-width:761px) and (max-height:820px){.examples-header{padding-top:18px;padding-bottom:14px}.examples-header h2{font-size:clamp(30px,3.7vw,48px)}.example-content{min-height:80px}.example-content h3{font-size:clamp(19px,2vw,26px)}.examples-bottom{padding-top:8px;padding-bottom:12px}}