.ad{gap:.55rem;margin:0;display:grid;container-type:inline-size}.ad__frame{background:var(--sand);color:var(--cocoa);border-radius:clamp(10px,4cqi,18px);gap:4cqi;padding:8cqi 7cqi 6cqi;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px oklch(82% .13 210/.18),0 30px 60px -28px oklch(5% .02 265/.9),0 12px 24px -12px oklch(5% .02 265/.6)}.ad--feed .ad__frame{aspect-ratio:4/5;grid-template:"copy stage"minmax(0,1fr)"foot foot"/minmax(0,1.1fr) minmax(0,.9fr)}.ad--vertical .ad__frame{aspect-ratio:9/16;grid-template:"copy""stage"minmax(0,1fr)"foot"/minmax(0,1fr);padding-top:12cqi}.ad--vertical.ad--safe .ad__frame{padding-top:29cqi;padding-bottom:39cqi}.ad--square .ad__frame{aspect-ratio:1;grid-template:"copy copy""foot stage"minmax(0,1fr)/minmax(0,1fr) minmax(0,.75fr);gap:3cqi;padding:7cqi 6cqi 5cqi}.ad__copy{z-index:1;grid-area:copy;align-self:start;min-width:0;position:relative}.ad__stage{z-index:1;grid-area:stage;min-height:0;position:relative}.ad__tag{z-index:2;grid-area:foot;place-self:end start;position:relative}.ad__bg{position:absolute;inset:0}.ad__bg>span{display:block;position:absolute}.scene--desk .ad__frame{background:linear-gradient(170deg,oklch(90% .05 78),oklch(80% .06 62))}.scene--trail .ad__frame{background:linear-gradient(oklch(88% .04 200) 0 58%,oklch(70% .06 145) 58%)}.scene--commute .ad__frame{color:var(--paper);background:linear-gradient(185deg,oklch(50% .045 255),oklch(32% .04 258))}.scene--ice .ad__frame{background:linear-gradient(175deg,oklch(96% .012 220),oklch(86% .03 225))}.ad__light{mix-blend-mode:soft-light;background:linear-gradient(115deg,oklch(100% .02 85/.55),#0000 60%);inset:-10% 30% 20% -20%;transform:skew(-12deg)}.scene--commute .ad__light{background:linear-gradient(115deg,oklch(82% .13 210/.25),#0000 55%)}.ad__surface{background:oklch(55% .07 48/.35);height:22%;bottom:0;left:0;right:0}.ad--vertical .ad__surface{height:20%}.ad--vertical.ad--safe .ad__surface{height:36%}.ad--square .ad__surface{height:26%}.scene--trail .ad__surface{background:oklch(55% .05 140/.6)}.scene--commute .ad__surface{background:oklch(22% .03 258/.7)}.scene--ice .ad__surface{background:oklch(80% .03 225/.6)}.ad__hill{background:oklch(62% .06 145);border-radius:50% 50% 0 0;width:75%;height:34%;bottom:0;left:-10%}.bottle{aspect-ratio:1/2.9;background:linear-gradient(90deg, oklch(45% .1 40), var(--clay) 28%, oklch(80% .09 50) 46%, var(--clay) 62%, oklch(42% .1 38));border-radius:34% 34% 16% 16%/12% 12% 6% 6%;max-width:60%;height:80%;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 2.5cqi 3cqi -1cqi oklch(25% .05 40/.5)}.ad--vertical .bottle{height:84%}.bottle__cap{background:linear-gradient(90deg,oklch(24% .03 50),oklch(42% .04 50) 45%,oklch(24% .03 50));border-radius:30% 30% 8% 8%;height:13%;position:absolute;top:-11%;left:14%;right:14%}.bottle__band{background:oklch(96% .01 85/.85);height:9%;position:absolute;top:38%;left:0;right:0}.bottle:after{content:"";filter:blur(3px);z-index:-1;background:oklch(20% .04 40/.35);border-radius:50%;height:7%;position:absolute;bottom:-5%;left:-30%;right:-30%}.ad__prop{display:block;position:absolute}.ad__prop--cup{aspect-ratio:1.6;background:oklch(96% .01 85);border-radius:8% 8% 40% 40%;width:22%;bottom:4%;left:4%;box-shadow:inset 0 -5px oklch(85% .02 85)}.ad__prop--window{background:repeating-linear-gradient(oklch(82% .13 210/.32) 0 3px,#0000 3px 14px),oklch(38% .04 258);border-radius:4px;inset:6% 8% 26%}.ad__ice{height:18%;position:absolute;bottom:0;left:10%;right:10%}.ad__ice i{aspect-ratio:1;background:oklch(98% .02 220/.7);border-radius:22%;width:24%;position:absolute;bottom:0;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.8),inset -4px -4px 8px oklch(80% .05 220/.6)}.ad__ice i:first-child{left:0;transform:rotate(-12deg)}.ad__ice i:nth-child(2){right:0;transform:rotate(18deg)}.ad__ice i:nth-child(3){width:18%;bottom:40%;right:14%;transform:rotate(6deg)}.ad__brand{font:600 max(9px, 3.8cqi)/1 var(--f-body);letter-spacing:.22em;text-transform:uppercase;opacity:.75;margin:0 0 .5em}.ad__hook{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:max(12px,9.5cqi);font-weight:560;line-height:1}.ad--vertical .ad__hook{font-size:max(12px,11cqi)}.ad--square .ad__hook{font-size:max(11px,9cqi)}.ad__sub{opacity:.85;margin:.6em 0 0;font-size:max(9px,4.4cqi);line-height:1.3}.ad__tag{font:500 max(9px, 3.4cqi)/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;max-width:100%;color:var(--bone);background:oklch(14.5% .012 265/.85);border-radius:4px;margin:0;padding:.45em .6em}.ad--square .ad__tag{letter-spacing:.03em;padding:.4em .5em;font-size:max(8.5px,3.4cqi)}.ad__safe{z-index:3;background:repeating-linear-gradient(135deg,oklch(82% .13 210/.22) 0 2px,#0000 2px 9px);border:0 dashed oklch(82% .13 210/.75);justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.ad__safe span{font:500 max(9px, 3.6cqi)/1 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:oklch(20% .04 230);background:oklch(82% .13 210/.85);border-radius:3px;padding:.35em .55em}.ad__safe--top{border-bottom-width:1px;height:25cqi;top:0}.ad__safe--bottom{border-top-width:1px;height:36cqi;bottom:0}.ad__photo{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ad--photo picture{position:absolute;inset:0}.ad--photo .ad__frame{background:var(--ink-2)}.ad--photo .ad__frame:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.ad--photo.tone--dark .ad__frame{color:var(--cocoa)}.ad--photo.tone--light .ad__frame{color:var(--paper)}.ad--photo.tone--dark .ad__frame:before{background:linear-gradient(oklch(96% .02 80/.55),#0000 42%)}.ad--photo.tone--light .ad__frame:before{background:linear-gradient(oklch(16% .012 265/.6),#0000 45%)}.ad--feed.ad--photo.tone--dark .ad__frame:before{background:linear-gradient(90deg,oklch(96% .02 80/.5),#0000 55%)}.ad--feed.ad--photo.tone--light .ad__frame:before{background:linear-gradient(90deg,oklch(16% .012 265/.6),#0000 55%)}.ad--photo .ad__copy{z-index:2}.ad--photo .ad__hook,.ad--photo .ad__brand{text-shadow:0 1px 12px var(--scrim-shadow,transparent)}.ad--photo.tone--light{--scrim-shadow:oklch(10% .02 256/.6)}.ad__product{pointer-events:none;position:absolute}.ad__meta{font:500 .74rem/1.3 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.screen{background:linear-gradient(180deg, var(--ink-3), var(--ink-2));border:1px solid var(--line);color:var(--bone);border-radius:16px;padding:clamp(1rem,5cqi,1.75rem);box-shadow:0 0 0 1px oklch(82% .13 210/.12),0 40px 80px -40px oklch(5% .02 265/.95);container-type:inline-size}.screen__head{border-bottom:1px solid var(--line);font:500 .72rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;max-width:none;margin:0 0 1rem;padding-bottom:.75rem;display:flex}.screen__head span:first-child{color:var(--cyan)}.screen__head span:last-child{color:var(--muted)}.screen__rows{gap:.15rem;margin:0;display:grid}.screen__rows>div{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(6.5rem,30%) 1fr;gap:.75rem;padding:.55rem 0;display:grid}.screen__rows>div:last-child{border-bottom:0}.screen__rows dt{font:500 .72rem/1.5 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.screen__rows dd{color:var(--bone-2);margin:0;font-size:.92rem;line-height:1.4}.screen__title{font-family:var(--f-display);margin:0 0 .75rem;font-size:1.35rem;line-height:1.15}.screen__signals{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.screen__signals li{grid-template-columns:1fr;gap:.2rem;max-width:none;margin:0;display:grid}.screen__name{font-size:.95rem;font-weight:650}.screen__q{color:var(--bone-2);font-size:.86rem;line-height:1.35}.screen__bar{background:repeating-linear-gradient(90deg,oklch(82% .13 210/.12) 0 6px,#0000 6px 12px);border:1px dashed oklch(82% .13 210/.45);border-radius:4px;height:8px;margin-top:.3rem}.screen__foot{font:500 .7rem/1.4 var(--f-mono);color:var(--muted);letter-spacing:.04em;margin:1rem 0 0}@container (width<=340px){.screen__rows>div{grid-template-columns:1fr;gap:.15rem}}