.product-reel{margin:0;container-type:inline-size}.reel-top{display:flex;align-items:center;gap:26px;padding:28px 32px;min-height:90px;padding-right:174px}.reel-subtitle{font-size:14px;line-height:1.4}.product-reel .motion-toggle{top:25px;right:28px;font-size:13px}.reel-kicker{display:block;font:12px ui-monospace,monospace;letter-spacing:.06em}.reel-footer{padding:22px 32px 26px;display:flex;align-items:center;justify-content:space-between;gap:26px}.reel-footer>p{font-size:14px;margin:0;max-width:300px;line-height:1.45}.reel-steps{display:flex;gap:8px;flex-wrap:wrap}.reel-steps button{font:12px ui-monospace,monospace;display:flex;gap:9px;align-items:center;padding:11px 13px;border:1px solid currentColor;background:transparent;color:inherit;opacity:.6;min-height:42px}.reel-steps button span{font:14px Space,Arial,sans-serif}.reel-steps button[aria-pressed=true]{opacity:1}.product-reel+.section-intro{margin-top:48px}
/* Aura: the editorial cards, their position, and the reasons behind the mix. */
.aura-reel{background:#e7e0f2;color:#322344}.aura-reel .reel-subtitle{color:#675979}.aura-reel .motion-toggle{background:#513a85;color:#fff;border-color:#513a85}.af-window{background:#f9f7fd;border:1px solid #cfc3e2;border-radius:14px;margin:0 28px;box-shadow:0 22px 36px -28px #43245780;overflow:hidden}.af-window-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px 22px}.af-window-head .reel-kicker{color:#817092;margin-bottom:12px}.af-window h2{font-size:clamp(26px,3.2vw,45px);margin:0;line-height:1.1}.af-sample{font-size:12px;color:#806f90;white-space:nowrap}.af-main{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:0 30px 30px}.af-taste{padding-top:10px}.af-taste>.reel-kicker{font-size:12px;margin-bottom:16px}.af-interest{display:table;border-radius:24px;background:#e5def8;color:#593797;border:1px solid #c4b2e9;padding:8px 16px;font-size:14px;margin-bottom:9px}.af-curator{border-top:1px solid #ded4e9;margin-top:32px;padding-top:22px;transition:background .7s,transform .7s}.af-curator .reel-kicker{font-size:12px;line-height:1.5;color:#7d6890}.af-curator strong{font-size:16px;display:block;margin:12px 0}.af-curator p{font-size:13px;line-height:1.6;color:#746482;margin:0}.af-story-space{min-width:0}.af-deck{position:relative;height:465px}.af-feature{background:#fff;border:1px solid #ded4e9;border-radius:10px;position:absolute;top:0;left:0;width:calc(50% - 9px);height:100%;overflow:hidden;box-shadow:0 8px 22px #38234a0d;transition:transform 1.15s cubic-bezier(.22,.75,.22,1),box-shadow 1s}.af-feature-science{transform:translateX(calc(100% + 18px))}.af-feature>img{width:100%;height:205px;object-fit:cover}.af-feature-copy{padding:20px;display:flex;flex-direction:column;height:calc(100% - 205px)}.af-meta{font:12px ui-monospace,monospace;display:flex;justify-content:space-between;gap:8px;color:#796688;margin:0 0 14px}.af-feature h3{font-size:clamp(22px,2.1vw,30px);line-height:1.13;font-weight:550;letter-spacing:-.04em;margin:0 0 15px}.af-feature-reason{font-size:12px;line-height:1.45;margin-top:auto;margin-bottom:12px;color:#664898}.af-byline{border-top:1px solid #ece5f1;padding-top:12px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#86758e}.aura-reel[data-step="1"] .af-curator{background:#eae1f6;transform:translateY(-4px);padding:16px 12px;margin-inline:-12px;border-color:transparent;border-radius:8px}.aura-reel[data-step="1"] .af-feature-design{box-shadow:0 0 0 3px #a58bc9,0 12px 24px #5136771a}.aura-reel[data-step="2"] .af-feature-design{transform:translateX(calc(100% + 18px))}.aura-reel[data-step="2"] .af-feature-science{transform:translateX(0);box-shadow:0 0 0 3px #88b6ac,0 12px 24px #305c4d1a}.aura-reel .reel-steps button{border-color:#b8a8d1}.aura-reel .reel-steps button[aria-pressed=true]{background:#5a408c;color:#fff;border-color:#5a408c}
/* Prompt Lab: one concrete test, a revised prompt, and a visible comparison. */
.prompt-reel{background:#202126;color:#e8eddd}.pl-wordmark{font:700 22px ui-monospace,monospace;letter-spacing:-.05em;white-space:nowrap}.pl-wordmark>span{font-weight:400;color:#b9d78a;margin-left:7px}.prompt-reel .reel-subtitle{color:#aeb6a9}.prompt-reel .motion-toggle{background:#d6e7af;color:#273020;border-color:#d6e7af}.pl-workbench{display:grid;grid-template-columns:.72fr 1.4fr;gap:22px;padding:0 28px}.pl-brief{border:1px solid #565a4d;background:#34362e;display:flex;flex-direction:column;min-width:0}.pl-brief>img{height:265px;object-fit:cover;object-position:43% center;width:100%}.pl-brief-copy{padding:27px;flex:1}.pl-brief .reel-kicker{color:#adb8a4;margin-bottom:16px}.pl-brief h2{font-size:clamp(28px,3.1vw,44px);line-height:1.06;margin-bottom:20px}.pl-brief p{font-size:15px;line-height:1.6;color:#b7bfaf}.pl-example{font:12px ui-monospace,monospace;color:#9eaa90}.pl-workspace{display:flex;flex-direction:column;gap:17px;min-width:0}.pl-prompt{padding:23px 26px;border:1px solid #747b6270;background:#272b23;min-height:221px;transition:background .8s,border-color .8s}.pl-panel-top{display:flex;justify-content:space-between;gap:14px;font:12px ui-monospace,monospace;letter-spacing:.04em;color:#b2bea4}.pl-edit-status{color:#d2d4bc}.pl-prompt-text{font-size:clamp(20px,2.1vw,28px);line-height:1.35;margin:22px 0;letter-spacing:-.025em;max-width:650px;min-height:76px}.pl-instruction-tags{display:flex;gap:7px;flex-wrap:wrap;opacity:.25;transition:opacity .7s}.pl-instruction-tags span{font:12px ui-monospace,monospace;border:1px solid #9ebc7255;padding:5px 8px;color:#c5df9c}.pl-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;flex:1}.pl-answer{padding:22px;background:#292b2e;border:1px solid #72756550;transition:opacity .7s,transform .7s,border-color .7s,background .7s;min-width:0}.pl-answer .reel-kicker{color:#aab4a0;font-size:12px;margin-bottom:16px}.pl-answer>p{font-size:16px;line-height:1.5;min-height:98px;margin:0 0 22px;color:#d4d9ce}.pl-detail-count{display:flex;align-items:end;gap:13px}.pl-detail-count b{font-size:45px;line-height:1;font-weight:500;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.pl-detail-count b span{font-size:22px;opacity:.5;letter-spacing:0}.pl-detail-count>span{font-size:12px;line-height:1.3;max-width:70px;color:#aaa}.pl-coverage{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px}.pl-coverage i{height:4px;background:#4d5148}.pl-coverage i:first-child,.pl-answer-after .pl-coverage i{background:#c6de94}.pl-answer-after{opacity:.18;transform:translateY(10px)}.pl-result{min-height:70px;display:flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid #ffffff1a;background:#26282a}.pl-result p{font-size:13px;line-height:1.5;margin:0;color:#b9c4ae}.pl-result-mark{font-size:28px;color:#b7d680}.pl-kept{font:12px ui-monospace,monospace;white-space:nowrap;padding:8px 10px;background:#d6e7af;color:#273020;display:none}.prompt-reel:not([data-step="0"]) .pl-prompt{background:#313b29;border-color:#a8c67b}.prompt-reel:not([data-step="0"]) .pl-instruction-tags{opacity:1}.prompt-reel[data-step="2"] .pl-answer-after,.prompt-reel[data-step="3"] .pl-answer-after{opacity:1;transform:none;border-color:#a8c67b;background:#323b29}.prompt-reel[data-step="3"] .pl-kept{display:block}.prompt-reel[data-step="3"] .pl-answer-before{opacity:.5}.prompt-reel .reel-steps button{border-color:#5d6553}.prompt-reel .reel-steps button[aria-pressed=true]{background:#d6e7af;color:#273020;border-color:#d6e7af}.prompt-reel .reel-footer>p{color:#adb6a5}.aura-story>.aura-story-cover{width:calc(100% + 44px);max-width:none;height:190px;object-fit:cover;margin:-22px -22px 22px}
/* Collection previews use the same product imagery. */
.aura-preview .aura-preview-story{padding:0;overflow:hidden}.aura-preview-story>img{height:55%;min-height:110px;width:100%;object-fit:cover}.aura-preview-story>span,.aura-preview-story>h3{display:block;margin:10px 13px}.aura-preview-story>h3{font-size:18px}.pl-card-preview{height:100%;display:grid;grid-template-columns:42% 1fr;background:#202126;color:#dde7cf;padding:24px;gap:20px;align-items:center}.pl-card-preview>img{height:100%;object-fit:cover;object-position:42% center}.pl-card-preview span{font:12px ui-monospace,monospace;color:#adba9b}.pl-card-preview strong{font-size:clamp(20px,2.5vw,37px);font-weight:500;line-height:1.1;display:block;margin:20px 0}.pl-card-preview p{font-size:14px;margin:0;color:#bed38d}
@container (max-width:1050px){.af-main{grid-template-columns:130px minmax(0,1fr);gap:20px}.af-feature-copy{padding:17px}.af-feature>img{height:190px}.af-feature-copy{height:calc(100% - 190px)}.af-feature h3{font-size:24px}.pl-workbench{grid-template-columns:.65fr 1.4fr;gap:16px}.pl-brief-copy{padding:20px}.pl-answer{padding:18px}.pl-prompt{padding:20px}.pl-prompt-text{font-size:23px}.pl-answer>p{font-size:15px;min-height:120px}.pl-kept{font-size:12px}.reel-footer{flex-wrap:wrap}.reel-footer>p{max-width:none}}
@media(max-width:760px){.reel-top{padding:24px 20px 18px;min-height:94px;display:block;padding-right:138px}.reel-subtitle{display:block;font-size:12px;margin-top:11px}.product-reel .motion-toggle{right:16px;top:23px;font-size:12px;padding:9px 10px}.af-window{margin:0 14px;border-radius:10px}.af-window-head{padding:22px 20px}.af-window h2{font-size:29px}.af-sample{display:none}.af-main{display:block;padding:0 18px 20px}.af-taste{display:flex;gap:8px;align-items:center;padding:0 0 18px;flex-wrap:wrap}.af-taste>.reel-kicker{margin:0 6px 0 0;font-size:12px}.af-interest{margin:0;font-size:12px;padding:6px 10px}.af-curator{display:none}.af-deck{height:446px}.af-feature{width:100%}.af-feature-science{transform:translateX(calc(100% + 18px))}.af-story-space{overflow:hidden;padding:3px;margin:-3px}.af-feature>img{height:220px}.af-feature-copy{height:calc(100% - 220px);padding:20px}.af-feature h3{font-size:26px}.af-feature-reason{font-size:13px}.af-byline,.af-meta{font-size:12px}.aura-reel[data-step="2"] .af-feature-design{transform:translateX(calc(-100% - 18px))}.reel-footer{padding:20px;gap:15px;display:block}.reel-footer>p{margin-top:17px;font-size:13px}.reel-steps{gap:6px}.reel-steps button{font-size:12px;gap:5px;padding:9px 10px}.reel-steps button span{font-size:12px}.pl-workbench{display:block;padding:0 16px}.pl-brief{display:grid;grid-template-columns:44% 1fr;margin-bottom:16px}.pl-brief>img{height:100%;min-height:205px}.pl-brief-copy{padding:18px}.pl-brief h2{font-size:26px;margin-bottom:12px}.pl-brief .reel-kicker{font-size:12px;margin-bottom:12px}.pl-brief p{font-size:13px;margin-bottom:9px}.pl-example{font-size:12px}.pl-prompt{min-height:234px}.pl-prompt-text{font-size:23px;min-height:93px;margin:18px 0}.pl-panel-top{font-size:12px}.pl-instruction-tags{gap:5px}.pl-instruction-tags span{font-size:12px;padding:5px}.pl-answer-grid{gap:10px}.pl-answer{padding:16px 13px}.pl-answer .reel-kicker{font-size:12px;line-height:1.5}.pl-answer>p{font-size:14px;min-height:150px}.pl-detail-count{display:block}.pl-detail-count b{font-size:40px}.pl-detail-count>span{display:block;max-width:none;margin-top:7px}.pl-result{flex-wrap:wrap}.pl-result p{flex:1;font-size:13px}.pl-kept{margin-left:38px}.product-reel+.section-intro{margin-top:32px}.aura-story>.aura-story-cover{width:calc(100% + 46px);margin:-23px -23px 22px;height:210px}.pl-card-preview{padding:18px;gap:15px}.pl-card-preview strong{font-size:24px}.aura-preview-story>img{min-height:90px}.aura-preview-story>h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.product-reel *{transition:none!important}}

.aura-story{overflow:hidden}

/* Match the featured stories to the demo's interest and curator ordering. */
.aura-reel[data-step="0"] .af-feature-design{transform:translateX(calc(100% + 18px))}
.aura-reel[data-step="0"] .af-feature-science{transform:translateX(0)}
.aura-reel[data-step="1"] .af-feature-design{transform:translateX(0)}
.aura-reel[data-step="1"] .af-feature-science{transform:translateX(calc(100% + 18px))}
@media(max-width:760px){.aura-reel[data-step="0"] .af-feature-design{transform:translateX(calc(-100% - 18px))}}