.fabio-channel{box-sizing:border-box;z-index:1;isolation:isolate;width:100%;padding:100px var(--site-gutter) 48px;text-align:start;letter-spacing:normal;font-family:Montserrat,Arial,sans-serif;line-height:1.5;position:relative}.fabio-channel *{box-sizing:border-box}.fabio-channel-card{width:min(var(--site-container),100%);background:var(--color-primary);color:var(--bg-white);border:1px solid var(--border-on-dark);border-radius:32px;grid-template-columns:minmax(0,1.3fr) minmax(270px,.8fr);align-items:center;gap:32px;margin-inline:auto;padding:24px 48px;display:grid;position:relative}.fabio-channel-copy{z-index:2;max-width:620px;position:relative}.fabio-channel-eyebrow{color:var(--color-accent-orange);letter-spacing:.06em;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.fabio-channel-eyebrow svg{flex-shrink:0}.fabio-channel-dot{opacity:.6;padding-inline:8px}.fabio-channel .fabio-channel-copy h2{letter-spacing:-.025em;color:var(--bg-white);text-wrap:balance;margin:12px 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(28px,2.7vw,38px);font-weight:600;line-height:1.13}.fabio-channel-description{max-width:49ch;color:var(--on-brand-muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.8}.fabio-channel-action{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.fabio-channel-button{border:1px solid var(--color-accent-orange);border-radius:var(--radius-pill);background:var(--color-accent-orange);min-height:48px;color:var(--color-primary);transition:background var(--motion-fast),transform var(--motion-fast);justify-content:center;align-items:center;gap:16px;padding:13px 22px;font:700 12px/1.4 Montserrat,Arial,sans-serif;text-decoration:none;display:inline-flex}.fabio-channel-button:disabled{cursor:default;opacity:1}.fabio-channel-note{max-width:26ch;color:var(--on-brand-muted);margin:0;font-size:11px;line-height:1.65}.fabio-channel-button:focus-visible{outline:3px solid var(--bg-white);outline-offset:4px}.fabio-channel-phones{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:stretch;width:280px;min-height:144px;margin-inline:auto;position:relative}.fabio-channel-phone{border:5px solid color-mix(in srgb,var(--color-primary-muted) 65%,var(--bg-white));background:var(--surface-detail);width:157px;height:calc(100% + 110px);min-height:310px;max-height:400px;color:var(--bg-white);box-shadow:0 20px 32px color-mix(in srgb,var(--color-primary-dark) 45%,transparent);border-radius:26px;transition:transform .35s;position:absolute;top:50%;overflow:hidden}.fabio-channel-phone-front{z-index:2;left:4px;transform:translateY(-50%)rotate(-13deg)}.fabio-channel-phone-back{z-index:1;right:0;transform:translateY(-50%)rotate(5deg)}.fabio-channel-notch{z-index:1;background:var(--color-primary);border-radius:0 0 8px 8px;width:58px;height:11px;margin:0 auto 8px;display:block;position:relative}.fabio-channel-phone-top{white-space:nowrap;color:var(--on-brand-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 10px 10px;font-size:8px;font-weight:600;display:flex}.fabio-channel-profile{text-align:center;padding:10px 12px}.fabio-channel-profile img{-o-object-fit:contain;object-fit:contain;background:var(--bg-white);border-radius:50%;width:62px;height:62px;margin:0 auto 10px;display:block}.fabio-channel-profile>strong{font-size:15px;font-weight:700;display:block}.fabio-channel-profile>span{color:var(--on-brand-muted);margin-top:4px;font-size:7px;display:block}.fabio-channel-profile-rule{background:var(--border-on-dark);height:1px;margin:14px 0}.fabio-channel-profile p{color:var(--on-brand-muted);margin:0;font-size:8px;line-height:1.65}.fabio-channel-phone-pill{background:var(--status-success);color:var(--color-primary);text-align:center;border-radius:20px;margin-top:17px;padding:7px 5px;font-size:8px;font-weight:700;display:block}.fabio-channel-screen{flex-direction:column;align-items:center;gap:12px;padding:8px 11px 24px;display:flex}.fabio-channel-screen-icon{width:38px;height:38px;color:var(--status-success);background:color-mix(in srgb,var(--status-success) 12%,transparent);border-radius:50%;place-items:center;display:grid}.fabio-channel-screen-title{text-align:center;max-width:18ch;font-size:10px;line-height:1.5}.fabio-channel-topics{gap:14px;width:100%;margin-top:2px;display:grid}.fabio-channel-topics>div{align-items:flex-start;gap:8px;display:flex}.fabio-channel-topics svg{color:var(--status-success);flex-shrink:0}.fabio-channel-topics strong{font-size:7px;font-weight:600;line-height:1.5;display:block}.fabio-channel-topics small{color:var(--on-brand-muted);margin-top:3px;font-size:6px;line-height:1.5;display:block}.fabio-channel-screen>.fabio-channel-phone-pill{align-self:stretch;margin-top:4px}.fabio-channel-home{background:var(--on-brand-muted);border-radius:3px;width:47px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.fabio-channel-card:hover .fabio-channel-phone-front{transform:translateY(calc(-50% - 5px))rotate(-10deg)}.fabio-channel-card:hover .fabio-channel-phone-back{transform:translateY(calc(-50% - 3px))rotate(3deg)}.fabio-channel-button[href]:hover{background:var(--color-accent-orange-hover);transform:translateY(-2px)}}@media (width<=1023px){.fabio-channel-card{grid-template-columns:minmax(0,1fr) 240px;gap:28px;padding:28px 32px}.fabio-channel-phones{width:250px;margin-left:-5px}.fabio-channel-note{max-width:none}}@media (width<=699px){.fabio-channel{padding-top:48px;padding-bottom:100px}.fabio-channel-card{border-radius:24px;grid-template-columns:minmax(0,1fr);gap:44px;padding:32px 24px 16px;overflow:visible}.fabio-channel-copy{max-width:100%}.fabio-channel .fabio-channel-copy h2{font-size:32px}.fabio-channel-description{font-size:13px}.fabio-channel-eyebrow{font-size:10px}.fabio-channel-action{flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px}.fabio-channel-phones{width:250px;height:210px;min-height:210px;margin:8px auto -70px;transform:none}.fabio-channel-phone{width:145px;height:288px;min-height:288px;max-height:288px;top:50%}.fabio-channel-phone-back{top:50%}.fabio-channel-profile img{width:54px;height:54px}.fabio-channel-phone-front{left:0}.fabio-channel-card .fabio-channel-profile p{font-size:7px}}@media (width<=359px){.fabio-channel-card{padding-inline:20px}.fabio-channel-phones{transform-origin:top;margin-left:calc(50% - 125px);transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.fabio-channel-phone,.fabio-channel-button{transition:none}.fabio-channel-card:hover .fabio-channel-phone-front{transform:translateY(-50%)rotate(-13deg)}.fabio-channel-card:hover .fabio-channel-phone-back{transform:translateY(-50%)rotate(5deg)}}
