/* Section 02: the same offer travels through two contexts. Brand tokens inherited. */
.channels-story .channel-story-canvas{isolation:isolate}
.channels-story .story-halo-gold{inset:55px 5px 10px;background:radial-gradient(ellipse,#D6B16C21,transparent 67%)}
.channels-story .story-halo-aqua{position:absolute;left:310px;top:35px;width:350px;height:380px;background:radial-gradient(ellipse,#54D9C712,transparent 68%);z-index:-1;border-radius:50%}
.channels-story .story-search-drift,.channels-story .story-feed-drift,.channels-story .story-offer-drift{position:absolute;inset:0;transform-origin:350px 250px;pointer-events:none}
.channels-story .story-frame-search{position:absolute;left:40px;top:70px;width:610px;height:355px;border:1px solid #FFFFFF99;background:var(--pearl);border-radius:15px;transform:rotate(-3deg);overflow:hidden;box-shadow:0 28px 65px #0004;color:var(--ink);transform-origin:0 0}
.channels-story .story-window-bar{display:flex;align-items:center;justify-content:space-between;height:35px;padding:0 17px;border-bottom:1px solid #0D0D0F0C;background:#FFFFFF80;font:5.5px var(--mono);letter-spacing:.08em;color:var(--gray)}
.channels-story .story-window-bar>span:first-child{display:flex;gap:4px}.channels-story .story-window-bar i{width:3px;height:3px;background:#ABABB1;border-radius:50%}.channels-story .story-window-bar b{font:12px var(--body)}
.channels-story .story-query{display:flex;align-items:center;gap:11px;margin:23px 24px 0;border:1px solid #0D0D0F12;border-radius:30px;height:45px;background:#FFF;padding:0 17px;font:11px var(--body);color:var(--gray)}
.channels-story .story-query .mini-search-icon{width:11px;height:11px;flex:none}.channels-story .story-query-text{white-space:nowrap;clip-path:inset(0% 0% 0% 0%)}
.channels-story .story-query>i{height:12px;border-left:1px solid var(--bronze);margin-left:-5px;opacity:.6}
.channels-story .story-result-address{display:grid;gap:9px;margin:23px 43px 0;font:6px var(--body);color:var(--gray)}.channels-story .story-result-address>span{font:5px var(--mono);color:var(--bronze);letter-spacing:.06em}.channels-story .story-result-address>b{font-weight:400}
.channels-story .story-search-line{position:absolute;left:43px;bottom:27px;width:65%;height:3px;background:#0D0D0F0A}.channels-story .story-search-line.short{bottom:17px;width:46%}
.channels-story .story-frame-feed{position:absolute;left:200px;top:18px;width:300px;height:450px;background:var(--pearl);border:1px solid #FFFFFF88;border-radius:15px;box-shadow:0 25px 60px #0005;transform:rotate(4deg);overflow:hidden;color:var(--ink);opacity:0;visibility:hidden;transform-origin:0 0}
.channels-story .story-feed-header{height:52px;display:flex;align-items:center;gap:9px;padding:0 15px;background:#FFF;font:500 9px var(--body)}
.channels-story .story-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #D6B16C60}.channels-story .story-avatar>img{width:18px;height:18px}.channels-story .story-feed-header small{display:block;font:4px var(--mono);letter-spacing:.02em;color:var(--gray);margin-top:5px}.channels-story .story-feed-header>b{margin-left:auto;font:15px var(--body);color:var(--gray)}
.channels-story .story-feed-footer{position:absolute;left:0;right:0;bottom:0;height:77px;padding:10px 13px;background:#FFFFFFB3;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;font:6px var(--body);color:var(--gray)}.channels-story .story-feed-footer>b{padding:7px 9px;border-radius:18px;background:var(--ink);color:var(--pearl);font-weight:400}.channels-story .story-feed-footer>div{grid-column:1/-1;display:grid;gap:4px}.channels-story .story-feed-footer i{width:77%;height:2px;background:#0D0D0F12}.channels-story .story-feed-footer i+i{width:56%}.channels-story .story-feed-footer>div>span{width:13%;height:2px;background:#D6B16C99}
.channels-story .story-offer-drift{z-index:3}
.channels-story .channel-offer{position:absolute;left:88px;top:207px;width:510px;height:171px;padding:18px 21px;border-left:1px solid #D6B16C99;background:var(--pearl);color:var(--ink);transform:rotate(-3deg);transform-origin:0 0;overflow:hidden;box-sizing:border-box}
.channels-story .story-offer-kicker{display:block;font:5px var(--mono);letter-spacing:.07em;color:var(--bronze)}
.channels-story .channel-offer>strong{display:block;position:relative;z-index:2;max-width:100%;font:500 28px/1.04 var(--display);letter-spacing:-.055em;margin-top:13px}
.channels-story .channel-offer>strong>em{display:block;font:italic 1.1em/1.03 Georgia,serif;color:var(--bronze);letter-spacing:-.055em}
.channels-story .channel-offer>p{position:absolute;bottom:42px;left:21px;font:8px/1.6 var(--body);color:var(--gray);margin:0;z-index:2}
.channels-story .story-offer-action{position:absolute;bottom:10px;left:21px;width:150px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:22px;padding:8px 11px;font:7px var(--body);color:var(--bronze);z-index:2;box-sizing:border-box}
.channels-story .story-offer-action>b{font:12px var(--body)}
.channels-story .story-offer-edition{position:absolute;bottom:12px;left:21px;font:4.5px var(--mono);color:var(--gray);letter-spacing:.035em;opacity:0}
.channels-story .story-offer-sculpture{position:absolute;right:-22px;bottom:44px;width:130px;height:152px;opacity:0;visibility:hidden;z-index:1;pointer-events:none}
.channels-story .story-offer-sculpture .creative-sculpture{right:0;top:10px;transform:rotate(-8deg) scale(.8)}
.channels-story .story-shared-paths{position:absolute;inset:0;width:700px;height:500px;stroke:#D6B16C80;stroke-width:1.3;opacity:0;z-index:1}.channels-story .story-shared-paths>path{stroke-dasharray:1;stroke-dashoffset:1}.channels-story .story-shared-paths>circle{fill:var(--gold);stroke:none}
.channels-story .story-context-labels{position:absolute;inset:0;opacity:0;visibility:hidden;z-index:4}.channels-story .story-context-labels>span{position:absolute;top:65px;left:66px;display:flex;align-items:center;gap:11px;font:14px var(--display);letter-spacing:-.02em;color:var(--pearl);border:1px solid #D6B16C55;border-radius:30px;padding:13px 17px;background:#0D0D0FE6}.channels-story .story-context-labels>span+span{left:auto;right:70px}.channels-story .story-context-labels .mini-search-icon{width:11px;height:11px}.channels-story .story-context-labels .mini-social-icon{width:14px;height:14px}
.channels-story .story-context-note{position:absolute;left:0;right:0;bottom:7px;text-align:center;font:5.5px var(--mono);letter-spacing:.09em;color:#A2A2A7}.channels-story .note-feed,.channels-story .note-both{opacity:0;visibility:hidden}
.channels-story .channel-viewer-top{min-height:45px;padding:0 12px 6px}
.channels-story .channel-current-number{font-size:33px;line-height:1}.channels-story .channel-current-number>i{font:6px var(--mono);letter-spacing:0;margin-left:5px}
.channels-story .channel-selector{margin-top:13px;margin-inline:0;padding:4px;border-radius:13px}
.channels-story .channel-selector>a{min-height:43px;border-radius:9px}
.channels-story[data-channel-scene="2"] .channel-selector>a{border-color:#D6B16C40;background:#D6B16C08;color:var(--pearl)}
.media-channels-live .channels-story .channel-art-viewport{height:clamp(300px,calc(100svh - 340px),500px)}
.media-channels-live .channels-story .channel-chapter{min-height:560px;padding:48px 0}
.media-channels-live .channels-story .channel-chapter:last-child{min-height:560px}
.channels-story .channel-conclusion{border-top:1px solid #FFFFFF26;padding:35px 0 10px;scroll-margin-top:130px}
.channels-story .channel-conclusion>.small-label{display:block;color:var(--gold);font:7px var(--mono);letter-spacing:.075em;margin-bottom:22px}
.channels-story .channel-conclusion .media-channel-note{border:0;padding:0;margin:0;font:400 22px/1.55 var(--display);letter-spacing:-.025em;color:var(--pearl);max-width:440px}
.media-channels-live .channels-story .channel-conclusion{min-height:360px;display:flex;flex-direction:column;justify-content:center;padding:45px 0}
@media(min-width:901px) and (min-height:710px) and (max-height:760px){.media-channels-live .channels-story .channel-art-viewport{height:360px}.channels-story .channel-viewer-top{min-height:39px}.channels-story .channel-selector{margin-top:9px}}
@media(min-width:901px) and (max-height:709px){.media-channels-live .channels-story .channel-art-viewport{height:300px}.channels-story .channel-viewer-top{min-height:39px}.channels-story .channel-selector{margin-top:9px}}
@media(max-width:900px){
 .channels-story .channel-viewer-top{min-height:27px;padding:0 4px 3px}
 .channels-story .channel-current-number{font-size:23px}.channels-story .channel-viewer-top>span:last-child{font-size:4.5px}
 .media-channels-live .channels-story .channel-viewer{padding:6px 12px 9px}
 .media-channels-live .channels-story .channel-art-viewport{height:205px}
 .channels-story .channel-viewer>figcaption{min-height:16px}.channels-story .channel-viewer>figcaption>b{font-size:9px}
 .channels-story .channel-selector{margin-top:7px;padding:3px;border-radius:11px}.channels-story .channel-selector>a{min-height:41px;padding:8px;font-size:10px}
 .media-channels-live .channels-story .channel-chapter{min-height:410px;padding:30px 0;scroll-margin-top:395px}
 .channels-story .channel-conclusion{padding-top:28px}.media-channels-live .channels-story .channel-conclusion{min-height:300px;padding-block:38px}
 .channels-story .channel-conclusion .media-channel-note{font-size:21px;max-width:620px}
}
@media(max-width:580px){
 .media-channels-live .channels-story .channel-art-viewport{height:185px}
 .channels-story .channel-viewer-top{min-height:25px}.channels-story .channel-current-number{font-size:20px}
 .channels-story .channel-viewer>figcaption>b{font-size:8px}
 .channels-story .channel-selector>a{min-height:40px}
 .media-channels-live .channels-story .channel-chapter{min-height:420px;padding:32px 0;scroll-margin-top:380px}
 .channels-story .channel-conclusion>.small-label{font-size:6px}.channels-story .channel-conclusion .media-channel-note{font-size:20px;line-height:1.6}
}
@media(max-width:360px){.media-channels-live .channels-story .channel-art-viewport{height:165px}.channels-story .channel-viewer-top>span:last-child{font-size:4px}.media-channels-live .channels-story .channel-chapter{min-height:460px}}
@media print{.channels-story .channel-conclusion{min-height:0!important;display:block!important;break-inside:avoid}.channels-story .channel-conclusion .media-channel-note{font-size:14px}}
