/* Selected direction: Isaac Leon's quiet gallery frame, a meaningful Mobbin-style product demo, and the requested white editorial palette. */
.media-channels{--ink:#252b33;--muted:#6e747d;--line:#e3e4e6;--paper:#fafafa;--soft:#f5f5f5;--cf-accent:#1d2a5f;background:#fff}
.cf-hero{padding-top:61px;padding-bottom:44px}
.cf-intro{display:block;max-width:1040px;margin-bottom:58px}
.cf-intro .eyebrow{margin-bottom:25px}
.cf-intro h1{font-size:clamp(56px,6.65vw,87px);line-height:.99;letter-spacing:-.065em}
.cf-intro h1 span{color:#6e747d}
.cf-tagline{max-width:650px;margin-top:25px;font-size:18px;line-height:1.6;color:#585f68}
.cf-intro-note{font-size:16px;line-height:1.65;max-width:650px;margin-top:22px;color:var(--muted)}
.cf-gallery{display:grid;grid-template-columns:minmax(230px,.4fr) minmax(0,1fr);gap:57px;align-items:stretch}
.cf-gallery-index{display:flex;flex-direction:column;min-width:0;padding-top:4px}
.cf-index-label{font-size:11px;font-weight:600;letter-spacing:.055em;display:flex;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid var(--line)}
.cf-index-label span{font-size:17px;line-height:1}
.cf-tabs{display:flex;flex-direction:column}
.cf-tab{display:grid;grid-template-columns:20px minmax(0,1fr) 25px;align-items:start;gap:11px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:28px 0 27px;color:#757b83;transition:color .18s}
.cf-tab-number{font-size:10px;line-height:1;margin-top:12px}
.cf-tab-content{display:block;min-width:0}
.cf-tab-name{display:block;font-size:45px;line-height:1;letter-spacing:-.05em;font-weight:600}
.cf-tab-description{display:block;font-size:12px;line-height:1.5;margin-top:13px;max-width:190px}
.cf-tab-arrow{font-size:28px;line-height:1;opacity:0;margin-top:5px;transform:translate(-3px,3px);transition:opacity .18s,transform .18s}
.cf-tab[aria-selected=true],.cf-tab:hover{color:var(--cf-accent)}
.cf-tab[aria-selected=true] .cf-tab-arrow{opacity:1;transform:none}
.cf-newsletter-link{font-size:11px;gap:18px;margin-top:auto;padding-top:27px;justify-content:space-between}
.cf-display{min-width:0;position:relative;background:#fff;border:1px solid #e1e3e6;border-radius:12px;overflow:hidden}
.cf-panel{height:640px;padding:27px 29px 23px;display:flex;flex-direction:column;min-width:0;background:#fff}
.cf-app-panel .product-demo{flex:1;min-height:0;min-width:0}
.cf-panel:focus-visible{outline-offset:-6px}
.cf-panel-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px;flex:none}
.cf-panel-top .eyebrow{font-size:10px;letter-spacing:.09em}
.cf-soon{color:#626970;border:1px solid #dfe1e4;border-radius:999px;font-size:10px;padding:4px 10px;white-space:nowrap}
.cf-panel-index{font-size:10px;color:var(--muted)}
.cf-app-art{flex:1;min-height:0;overflow:hidden;border-radius:5px;background:#fff;border:1px solid #e1e3e6}
.cf-app-art picture{display:block;width:100%;height:100%}
.cf-app-art img{width:100%;height:100%;object-fit:cover;object-position:center top}
.cf-panel-bottom{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-top:24px;flex:none}
.cf-panel-bottom h2{font-size:24px;line-height:1.12;letter-spacing:-.035em}
.cf-panel-bottom p{font-size:9px;color:var(--muted);margin-top:10px}
.cf-panel-bottom .text-link{font-size:11px;gap:12px;white-space:nowrap;min-height:32px}
.cf-watch-panel h2{font-size:38px;line-height:1.02;margin-bottom:22px;letter-spacing:-.05em}
.cf-watch-images{display:grid;grid-template-columns:1.1fr .9fr;gap:13px;min-height:0;flex:1}
.cf-watch-photo{position:relative;min-width:0;overflow:hidden;border-radius:7px}
.cf-watch-photo img{width:100%;height:100%;object-fit:cover;object-position:43% center}
.cf-watch-vienna img{object-position:54% center}
.cf-watch-photo figcaption{position:absolute;left:11px;right:11px;bottom:11px;background:white;padding:8px 10px;font-size:10px;line-height:1.4;border-radius:2px}
.cf-watch-links{display:flex;justify-content:space-between;gap:13px;padding-top:22px}
.cf-watch-links a{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:600;min-height:35px}
.cf-watch-links img{width:22px;height:22px;object-fit:contain}
.cf-watch-links a span{margin-left:2px}
.cf-watch-links a:hover,.cf-photo-credits a:hover{text-decoration:underline;text-underline-offset:4px}
.cf-photo-credits{font-size:9px;color:var(--muted);line-height:1.45;margin-top:13px;flex:none}
.cf-reading-piece{background:#fff;min-height:0;flex:1;border-radius:6px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;border:1px solid #e3e4e6}
.cf-reading-image{display:block;min-width:0;overflow:hidden}
.cf-reading-image img{width:100%;height:100%;object-fit:cover;object-position:47% center}
.cf-reading-copy{padding:28px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.cf-reading-place{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:17px}
.cf-reading-copy h2{font:35px/.99 Georgia,serif;letter-spacing:-.04em;margin-bottom:18px}
.cf-reading-copy h2 a:hover{text-decoration:underline;text-underline-offset:3px}
.cf-reading-copy>p:not(.cf-reading-place){font-size:12px;line-height:1.55;color:var(--muted)}
.cf-reading-copy .text-link{font-size:11px;margin-top:22px;gap:12px}
.cf-under-gallery{margin-top:26px;display:flex;gap:20px;justify-content:space-between;align-items:center}
.cf-under-gallery>p{font-size:12px;color:var(--muted)}
.cf-under-gallery .text-link{font-size:12px}
.cf-enter{animation:cfReveal .23s ease-out}
@keyframes cfReveal{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1300px){.cf-gallery{grid-template-columns:300px minmax(0,1fr);gap:68px}}
@media(max-width:1050px){.cf-intro{max-width:900px}.cf-intro h1{font-size:68px}.cf-intro-note{font-size:13px}.cf-gallery{grid-template-columns:220px minmax(0,1fr);gap:30px}.cf-tab-name{font-size:39px}.cf-panel{padding:24px;height:640px}.cf-panel-bottom{display:block}.cf-panel-bottom h2 br{display:none}.cf-panel-bottom .text-link{margin-top:8px}.cf-reading-piece{grid-template-columns:1fr}.cf-reading-image{min-height:0;height:204px}.cf-reading-copy{padding:20px 23px;justify-content:start}.cf-reading-copy h2{font-size:29px;margin-bottom:10px}.cf-reading-copy h2 br{display:none}.cf-reading-place{margin-bottom:12px}.cf-reading-copy .text-link{margin-top:8px;min-height:30px}.cf-watch-links a{gap:5px;font-size:10px}.cf-watch-links a span{display:none}}
@media(max-width:760px){.cf-hero{padding-top:40px;padding-bottom:30px}.cf-intro{display:block;margin-bottom:33px}.cf-intro h1{font-size:clamp(45px,8.4vw,64px)}.cf-intro-note{font-size:15px;max-width:520px;margin-top:22px;padding:0}.cf-tagline{font-size:16px;line-height:1.6;margin-top:22px}.cf-intro .eyebrow{margin-bottom:20px}.cf-gallery{display:block}.cf-index-label{display:none}.cf-tabs{flex-direction:row;gap:22px;margin-bottom:22px}.cf-tab{padding:15px 0 17px;display:flex;gap:8px;align-items:center;position:relative}.cf-tab[aria-selected=true]{border-bottom:2px solid var(--cf-accent)}.cf-tab-number{margin-top:3px;font-size:9px}.cf-tab-name{font-size:29px}.cf-tab-description,.cf-tab-arrow{display:none}.cf-newsletter-link{display:none}.cf-panel{height:640px;padding:25px}.cf-panel-bottom{display:flex}.cf-panel-bottom h2 br{display:block}.cf-reading-piece{grid-template-columns:1fr 1fr}.cf-reading-image{height:auto}.cf-reading-copy{padding:25px;justify-content:center}.cf-reading-copy h2{font-size:35px}.cf-reading-copy h2 br{display:block}.cf-reading-copy .text-link{margin-top:21px}.cf-under-gallery{margin-top:17px}.cf-under-gallery>p{max-width:230px;font-size:10px}.cf-under-gallery .text-link{font-size:11px;gap:9px}.cf-watch-links a{font-size:11px;gap:8px}.cf-watch-links a span{display:inline}}
@media(max-width:600px){.cf-display{border-radius:12px}.cf-panel{padding:22px;height:640px}.cf-panel-top{margin-bottom:20px}.cf-panel-top .eyebrow{font-size:9px}.cf-app-art{width:207px;max-width:100%;margin:0 auto;border-radius:13px;border:1px solid #dfe1e4;box-shadow:none;flex:none;height:420px}.cf-app-art img{object-fit:cover;object-position:center top}.cf-panel-bottom{margin-top:20px;align-items:center;gap:12px}.cf-panel-bottom h2{font-size:20px}.cf-panel-bottom p{font-size:8px;max-width:150px}.cf-panel-bottom .text-link{font-size:10px;white-space:normal;max-width:105px;line-height:1.5;gap:7px;margin:0}.cf-watch-panel h2{font-size:35px;margin-top:5px;margin-bottom:25px}.cf-watch-images{gap:10px}.cf-watch-photo figcaption{left:7px;right:7px;bottom:7px;padding:7px;font-size:9px}.cf-watch-links{gap:10px;padding-top:20px}.cf-watch-links a{font-size:10px;gap:5px}.cf-watch-links img{width:19px;height:19px}.cf-watch-links a span{display:none}.cf-photo-credits{font-size:8px;margin-top:12px}.cf-reading-piece{display:flex;flex-direction:column}.cf-reading-image{height:220px;flex:none}.cf-reading-image img{object-position:center 54%}.cf-reading-copy{padding:24px;flex:1;justify-content:center}.cf-reading-copy h2{font-size:33px;margin-bottom:13px}.cf-reading-copy h2 br{display:none}.cf-reading-place{font-size:9px;margin-bottom:13px}.cf-reading-copy>p:not(.cf-reading-place){font-size:12px;line-height:1.5}.cf-reading-copy .text-link{margin-top:14px}.cf-under-gallery>p{max-width:160px;font-size:10px}.cf-under-gallery .text-link{font-size:10px}.cf-under-gallery{gap:12px}}
@media(max-width:360px){.cf-intro h1{font-size:42px}.cf-intro-note{font-size:13px}.cf-tabs{gap:16px}.cf-tab-name{font-size:26px}.cf-tab{gap:6px}.cf-panel{padding:18px;height:640px}.cf-app-art{height:412px;width:203px}.cf-panel-bottom h2{font-size:18px}.cf-panel-bottom p{max-width:130px}.cf-panel-bottom .text-link{font-size:9px;max-width:87px}.cf-watch-links a{font-size:9px;gap:4px}.cf-reading-image{height:210px}.cf-reading-copy{padding:21px}.cf-reading-copy h2{font-size:31px}}

/* Shared sections retain their layout; this selected page uses white, ruled surfaces. */
.media-channels .newsletter-panel{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:48px 0;gap:60px}
.media-channels .newsletter-panel p:not(.eyebrow){color:var(--muted)}
.media-channels .newsletter-letter{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:3px;transform:none;box-shadow:none;width:100%;max-width:360px;margin-left:auto}
.media-channels .newsletter-panel .button{background:var(--cf-accent);border-color:var(--cf-accent);color:#fff}
.media-channels .newsletter-panel .button:hover{background:#2c3b72;border-color:#2c3b72}
.media-channels .media-nav .button{background:var(--cf-accent);border-color:var(--cf-accent)}
.media-channels .waitlist-form input{background:#fff;border-color:var(--line)}
@media(max-width:800px){.media-channels .newsletter-panel{padding:37px 0;gap:35px}}
@media(max-width:540px){.media-channels .newsletter-panel{padding:32px 0;gap:30px}.media-channels .newsletter-letter{margin-left:0;max-width:360px}.cf-tagline{max-width:360px;font-size:16px}}

@media(prefers-reduced-motion:reduce){.cf-enter{animation:none}.cf-tab,.cf-tab-arrow{transition:none}}

.cf-collection-slot{flex:1;min-height:0;width:100%}
.cf-watch-panel .cf-collection-slot{padding-top:3px}
