/* Cherry TV: smoked glass, charcoal moulded shell, readable channel directory. */
#team{padding:56px 22px 100px;background:radial-gradient(ellipse at 50% 45%,#33232b,#100d11 66%);overflow:hidden}
#team .tm-intro{max-width:850px;margin:0 auto 42px;text-align:center}
#team .tm-intro .micro{font:600 11px/1.6 Rubik,sans-serif;letter-spacing:.24em;color:#b9a7ae}
#team .tm-intro h1{font-size:clamp(37px,6vw,68px);margin:12px 0 18px}
#team .tm-intro p{font:16px/1.7 Rubik,sans-serif;color:#c5b9bf}
#team .tm-decoration,#team .tm-lights,#team .tm-star,#team .tm-marquee small{display:none}
#team .tm-cabinet{position:relative;display:flex;flex-direction:column;max-width:1230px;margin:auto;padding:30px 35px 18px;border:2px solid #67646a;border-radius:38px 38px 26px 26px;background:linear-gradient(105deg,#25252b,#55545c 3%,#36363e 12%,#2b2b32 80%,#494951 97%,#232329);box-shadow:inset 0 0 0 5px #202026,inset 0 0 0 7px #626169,inset 0 13px 18px #ffffff0c,0 15px 0 -4px #17171d,0 36px 60px #000a;filter:none;isolation:isolate}
#team .tm-cabinet:before,#team .tm-cabinet:after{display:none}
#team .tm-bezel{order:1;padding:15px 18px 20px;border:2px solid #74717a;border-radius:29px 29px 38px 38px;background:linear-gradient(145deg,#16161c,#08090e 45%,#393940);box-shadow:inset 0 5px 13px #000,0 2px 2px #ffffff15}
#team .tm-screen{position:relative;min-height:0;overflow:hidden;border:3px solid #030407;border-radius:8% / 6%;background:#03070c;box-shadow:0 0 0 1px #81848b55,0 8px 13px #0009;isolation:isolate;transform:translateZ(0)}
#team .tm-crt-signal{position:relative;padding:25px 26px 28px;filter:url(#tm-crt-bulge);background:radial-gradient(ellipse at 50% 35%,#233039,#101b23 68%,#0a1119);isolation:isolate}
#team .tm-screen:before{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;opacity:1;background:radial-gradient(ellipse at 50% 45%,transparent 63%,#0009 100%);box-shadow:inset 0 0 16px 4px #0009}
#team .tm-screen:after{content:'';position:absolute;inset:0;top:0;left:0;width:auto;height:auto;transform:none;z-index:7;pointer-events:none;border-radius:inherit;opacity:1;background:radial-gradient(ellipse 60% 9% at 48% 0%,#e4f6ff35,transparent),linear-gradient(125deg,#ffffff08,transparent 28% 80%,#d7efff05);box-shadow:inset 0 2px 3px #def5ff4d}
#team .tm-crt-signal:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0000000c 3px 4px)}
#team .tm-screen-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 12px 17px;border-bottom:1px solid #9eb8c138;color:#c3d2d6;background:none;font:600 11px/1.4 Rubik,sans-serif;letter-spacing:.12em;text-shadow:none}
#team .tm-screen-top:before{display:none}#team .tm-screen-top b{font:600 10px/1.5 Rubik,sans-serif;color:#8ce0b2}#team .tm-screen-top b:before{display:none}
#team .tm-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:560px;background:none}
#team .tm-menu{padding:27px 17px 20px 0;border:0;border-right:1px solid #94a6b62b;background:none;box-shadow:none}
#team .tm-menu-label{display:block;margin:0 0 16px 10px;color:#91a3ad;font:500 10px/1.5 Rubik,sans-serif;letter-spacing:.1em}
#team .tm-tab{display:flex;align-items:center;gap:9px;width:100%;margin:0 0 8px;padding:15px 10px;border:1px solid #6a809240;border-radius:6px;background:#101b25;color:#d5e1e8;box-shadow:none;font:500 12px/1.4 Rubik,sans-serif;letter-spacing:0;text-shadow:none;transition:background .15s}
#team .tm-tab:before{content:'›';display:block;flex:0 0 8px;width:auto;height:auto;border:0;background:none;transform:none;font:18px/1 monospace;color:#8ea1ad}
#team .tm-tab:hover{background:#293b48}
#team .tm-tab.active{border-color:#c97b87;background:#603543;color:#fff1e9;box-shadow:inset 3px 0 #e4a0ac}
#team .tm-tab.active:before{content:'›';color:#ffc9c3}
#team .tm-profile{min-width:0;padding:27px 0 5px 28px;background:none}
#team .tm-profile:before{display:none}
#team .tm-level{color:#a4b7c1;font:500 10px/1.5 Rubik,sans-serif;letter-spacing:.18em;text-shadow:none}
#team .tm-level i{display:none}
#team .tm-profile h2{margin:9px 0 12px;color:#f7f1e9;font:600 clamp(22px,2.7vw,32px)/1.2 Rubik,sans-serif;letter-spacing:.01em;text-shadow:none}
#team .tm-profile .tm-summary{max-width:650px;color:#c3cfd5;font:400 15px/1.65 Rubik,sans-serif;text-shadow:none}
#team .tm-roles{display:grid;grid-template-columns:1fr;gap:12px;margin-top:23px}
#team .tm-role{display:grid;grid-template-columns:88px minmax(0,1fr);gap:23px;align-items:center;min-height:135px;padding:20px;border:1px solid color-mix(in srgb,var(--role-a) 45%,#82909f);border-left:4px solid var(--role-a);border-radius:8px;background:linear-gradient(110deg,color-mix(in srgb,var(--role-b) 25%,#17212b),#18222d 95%);box-shadow:0 3px 8px #0003;transform:none;transition:none;image-rendering:auto;text-align:left;color:#fff;cursor:default}
#team .tm-role:hover{transform:none;background:linear-gradient(110deg,color-mix(in srgb,var(--role-b) 25%,#17212b),#18222d 95%)}
#team .tm-icon-frame{display:block;position:relative;width:88px;height:88px;overflow:visible;flex:none}
#team .tm-role-icon{position:absolute;max-width:none;object-fit:fill;border-radius:0;background:none;filter:none;image-rendering:auto}
#team .tm-role-copy{min-width:0}
#team .tm-role h3{font:600 20px/1.3 Rubik,sans-serif;color:#fff9f3;margin:0 0 4px;text-shadow:none;overflow-wrap:anywhere}
#team .tm-role-subtitle{display:block;font:500 12px/1.5 Rubik,sans-serif;color:#c9d1d9;margin-bottom:8px}
#team .tm-role p{font:400 14px/1.65 Rubik,sans-serif;color:#e0e5e9;margin:0}
#team .tm-detail{display:none}
#team .tm-marquee{order:2;align-self:center;position:relative;margin:14px 0 10px;padding:0;border:0;background:none;box-shadow:none;transform:none}
#team .tm-marquee:before,#team .tm-marquee:after{display:none}
#team .tm-marquee strong{font:800 20px/1.2 Rubik,sans-serif;letter-spacing:-.04em;text-shadow:0 2px 1px #000}
#team .tm-brand-first{color:#d5d4d7}#team .tm-brand-second{color:#c04b61}
#team .tm-control{order:3;display:flex;align-items:center;gap:20px;margin:0;padding:12px 20px;min-height:75px;border:1px solid #19191f;border-radius:7px 7px 13px 13px;background:linear-gradient(#32323a,#23232a);box-shadow:inset 0 1px #ffffff18}
#team .tm-tv-speaker{flex:0 0 130px;height:33px;background:repeating-linear-gradient(90deg,#101015 0 3px,#45454c 3px 5px);border:3px solid #24242a;border-radius:4px}
#team .tm-legend{color:#97979f;font:500 9px/1.7 Rubik,sans-serif;letter-spacing:.08em}
#team .tm-legend strong{display:block;color:#cbcbd0;font:600 11px/1.6 Rubik,sans-serif}
#team .tm-buttons{display:flex;gap:14px;margin-left:auto}
#team .tm-control-btn{width:44px;height:44px;border:3px solid #17131a;border-radius:50%;background:radial-gradient(circle at 35% 24%,#ffa7aa,#cc3653 46%,#81182f);box-shadow:inset 0 2px #ffd7dc7a,0 4px #111116;color:#fff;font-size:23px}
#team .tm-controls-note{order:4;margin-top:13px;color:#a19ca4;font:500 8px/1.5 Rubik,sans-serif;letter-spacing:.16em}
@media(max-width:900px){#team .tm-body{grid-template-columns:1fr;min-height:0}#team .tm-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:18px 0;border:0;border-bottom:1px solid #94a6b62b;overflow:visible}#team .tm-menu-label{display:none}#team .tm-tab{min-width:0;width:100%;margin:0;justify-content:center;padding:12px 6px;font-size:11px}#team .tm-profile{padding:24px 0 6px}}
@media(max-width:600px){#team{padding:32px 8px 64px}#team .tm-intro{margin-bottom:25px;padding:0 12px}#team .tm-intro h1{font-size:36px}#team .tm-intro p{font-size:14px}#team .tm-cabinet{padding:13px 10px 12px;border-radius:24px;box-shadow:inset 0 0 0 3px #202026,inset 0 0 0 5px #626169,0 12px 0 -5px #17171d,0 25px 30px #0009}#team .tm-bezel{padding:6px;border-radius:20px}#team .tm-screen{border-width:2px;border-radius:7% / 3%}#team .tm-crt-signal{padding:22px 13px;filter:none}#team .tm-screen-top{font-size:8px;letter-spacing:.04em;padding:0 0 12px;gap:5px}#team .tm-screen-top b{font-size:8px}#team .tm-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:14px 0}#team .tm-tab{padding:12px 5px;font-size:10px}#team .tm-profile h2{font-size:23px}#team .tm-profile .tm-summary{font-size:14px}#team .tm-role{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px 12px;min-height:0}#team .tm-icon-frame{width:64px;height:64px}#team .tm-role h3{font-size:17px}#team .tm-role-subtitle{font-size:11px}#team .tm-role p{font-size:14px;line-height:1.65}#team .tm-marquee{margin:12px 0}#team .tm-marquee strong{font-size:18px}#team .tm-control{padding:10px;gap:10px;min-height:61px}#team .tm-tv-speaker{flex-basis:37px;height:27px}#team .tm-legend{font-size:7px}#team .tm-legend strong{font-size:9px}#team .tm-buttons{gap:9px}#team .tm-control-btn{width:36px;height:36px;font-size:19px}}
@media(prefers-reduced-motion:reduce){#team *{animation:none!important;transition:none!important}}

/* A fixed glass viewport: only the role directory scrolls between channels. */
#team .tm-screen{border-radius:16% / 11%}
#team .tm-crt-signal{height:650px;display:flex;flex-direction:column;padding:35px 30px 40px;filter:url(#tm-crt-bulge)}
#team .tm-screen-top{flex:none;padding-left:30px;padding-right:30px}
#team .tm-body{flex:1;min-height:0;overflow:hidden}
#team .tm-menu{min-height:0}
#team .tm-profile{display:flex;flex-direction:column;min-height:0;padding-bottom:10px}
#team .tm-level,#team .tm-profile h2,#team .tm-summary{flex:none}
#team .tm-roles{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:3px 13px 12px 3px;margin-top:20px;scrollbar-width:thin;scrollbar-color:#a9b7c7 #0d1722;scrollbar-gutter:stable;overscroll-behavior-y:contain;touch-action:pan-y}
#team .tm-role{flex:none;min-height:155px}
#team .tm-roles::-webkit-scrollbar{width:7px}
#team .tm-roles::-webkit-scrollbar-track{background:#0d1722;border-radius:8px}
#team .tm-roles::-webkit-scrollbar-thumb{background:#a9b7c7;border-radius:8px}
#team .tm-screen:before{background:radial-gradient(ellipse at 50% 46%,transparent 48%,#0003 76%,#000d 100%);box-shadow:inset 0 0 24px 8px #0009}
#team .tm-screen:after{background:radial-gradient(ellipse 59% 12% at 48% 1%,#e4f6ff45,transparent),radial-gradient(ellipse 10% 65% at 1% 48%,#d3efff18,transparent),linear-gradient(125deg,#ffffff0b,transparent 28% 80%,#d7efff09)}
@media(max-width:900px){#team .tm-crt-signal{height:790px}#team .tm-body{grid-template-rows:auto minmax(0,1fr)}#team .tm-menu{padding:16px 4px}#team .tm-profile{padding-top:20px}}
@media(max-width:600px){#team .tm-screen{border-radius:15% / 6%}#team .tm-crt-signal{height:800px;padding:32px 14px 38px;filter:url(#tm-crt-bulge)}#team .tm-screen-top{padding-left:13px;padding-right:13px}#team .tm-role{min-height:185px;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:17px 10px}#team .tm-icon-frame{width:58px;height:58px}#team .tm-roles{padding-right:9px}#team .tm-profile .tm-summary{font-size:13px;line-height:1.6}#team .tm-profile h2{font-size:21px}}

/* Larger, shorter lines in the lens's central readable area. Geometry is unchanged. */
#team .tm-crt-signal:after{opacity:.18}
#team .tm-screen-top{font-size:12px;letter-spacing:.035em;padding-left:48px;padding-right:48px}
#team .tm-screen-top b{font-size:11px}
#team .tm-body{grid-template-columns:210px minmax(0,1fr)}
#team .tm-menu{padding-left:12px;padding-right:18px}
#team .tm-menu-label{font-size:11px;letter-spacing:0;color:#d1dce1}
#team .tm-tab{font-size:14px;line-height:1.45;font-weight:600;padding:14px 9px;color:#f1f5f7}
#team .tm-profile{padding-right:28px;padding-left:22px}
#team .tm-level{font-size:12px;letter-spacing:.08em;color:#d4dfe4}
#team .tm-profile h2{font-size:30px;font-weight:700;line-height:1.3}
#team .tm-profile .tm-summary{font-size:16px;line-height:1.55;font-weight:500;max-width:49ch;color:#e4edf2}
#team .tm-roles{margin-top:17px;padding-right:17px;padding-bottom:22px}
#team .tm-role{min-height:210px;padding:25px 22px;grid-template-columns:88px minmax(0,1fr);gap:24px;background:linear-gradient(110deg,color-mix(in srgb,var(--role-b) 18%,#14202b),#17232f 95%)}
#team .tm-role:hover{background:linear-gradient(110deg,color-mix(in srgb,var(--role-b) 18%,#14202b),#17232f 95%)}
#team .tm-role h3{font-size:24px;font-weight:700;line-height:1.3;letter-spacing:.01em;color:#fff}
#team .tm-role-subtitle{font-size:15px;font-weight:500;line-height:1.5;color:#f0e9e3;margin:6px 0 11px}
#team .tm-role p{font-size:18px;font-weight:500;line-height:1.65;max-width:42ch;color:#f3f6f9;text-shadow:none}
#team .tm-icon-frame{filter:drop-shadow(0 2px 2px #0008)}
@media(max-width:900px){#team .tm-body{grid-template-columns:1fr}#team .tm-menu{padding:13px 12px}#team .tm-tab{font-size:13px;padding:11px 8px}#team .tm-profile{padding:18px 17px 10px}#team .tm-profile h2{font-size:27px}#team .tm-role{min-height:220px}}
@media(max-width:600px){#team .tm-screen-top{font-size:9px;padding-left:14px;padding-right:14px}#team .tm-screen-top b{font-size:9px}#team .tm-menu{padding:11px 7px}#team .tm-tab{font-size:11px;padding:10px 3px;gap:4px}#team .tm-profile{padding:14px 7px 10px}#team .tm-profile h2{font-size:23px;margin:6px 0 9px}#team .tm-level{font-size:11px}#team .tm-profile .tm-summary{font-size:14px;line-height:1.5}#team .tm-roles{padding-right:10px;margin-top:15px}#team .tm-role{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:21px 12px;min-height:240px}#team .tm-role h3{font-size:20px;line-height:1.4}#team .tm-role-subtitle{font-size:13px;line-height:1.5}#team .tm-role p{font-size:16px;line-height:1.7}#team .tm-icon-frame{width:56px;height:56px}}
/* Extra scroll space lets the last description move above the compressed lower edge. */
#team .tm-roles{padding-bottom:65px}

/* Analog channel change: a brief burst of snow, sync bars and picture drift. */
#team .tm-static-overlay{position:absolute;inset:0;z-index:8;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;visibility:hidden;background:#091016e8;transition:opacity .08s,visibility 0s .1s;isolation:isolate}
#team .tm-static-overlay:before{content:"";position:absolute;inset:-70% -80%;z-index:1;opacity:.94;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.98' numOctaves='3' seed='13' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23s)'/%3E%3C/svg%3E");background-size:170px 170px;filter:grayscale(1) contrast(3.5) brightness(1.5);mix-blend-mode:screen;animation:tm-noise-shift .095s steps(6) infinite}
#team .tm-static-overlay:after{content:"";position:absolute;inset:-20% 0;z-index:2;background:repeating-linear-gradient(0deg,#0009 0 2px,#eff8ff2e 3px 5px,#0008 6px 11px,transparent 12px 17px),linear-gradient(0deg,transparent 41%,#eaf7ffae 44%,#000 49%,#f6ffff85 52%,transparent 57%);mix-blend-mode:overlay;animation:tm-sync-jump .19s steps(3) infinite}
#team .tm-static-band{position:absolute;left:-7%;right:-7%;z-index:3;height:6%;background:linear-gradient(#e9f4fc22,#fff9 32%,#02070c 43%,#d6edf5aa 73%,transparent);filter:blur(2px);opacity:.85;transform:skewY(-1deg)}
#team .tm-static-band-1{top:16%;animation:tm-band-roll .35s steps(5) infinite}
#team .tm-static-band-2{top:62%;height:12%;animation:tm-band-roll .27s steps(6) -0.12s infinite}
#team .tm-static-band-3{top:85%;height:3%;animation:tm-band-roll .43s steps(4) -0.24s infinite}
#team .tm-screen.tuning .tm-static-overlay{opacity:1;visibility:visible;animation:tm-tune-flicker .095s steps(2) infinite;transition:none}
#team .tm-screen.tuning .tm-crt-signal{animation:tm-picture-tear .14s steps(2) infinite}
@keyframes tm-noise-shift{0%{transform:translate(0,0)}25%{transform:translate(-11%,-16%)}50%{transform:translate(15%,6%)}75%{transform:translate(-5%,14%)}100%{transform:translate(9%,-8%)}}
@keyframes tm-sync-jump{0%{transform:translateY(-14%)}33%{transform:translateY(18%)}66%{transform:translateY(-3%)}100%{transform:translateY(9%)}}
@keyframes tm-band-roll{0%{transform:translateY(-210%) skewY(-1deg)}100%{transform:translateY(510%) skewY(1deg)}}
@keyframes tm-tune-flicker{0%{opacity:.96}50%{opacity:.71}100%{opacity:1}}
@keyframes tm-picture-tear{0%{transform:translateX(-4px)}30%{transform:translateX(6px)}60%{transform:translateX(-2px)}100%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){#team .tm-static-overlay{display:none}#team .tm-crt-signal{animation:none!important}}

/* Real-time analog snow. The previous picture disappears under opaque noise. */
#team .tm-static-overlay{background:#010204}
#team .tm-static-overlay:before{display:none}
#team .tm-static-overlay:after{opacity:.36;background:repeating-linear-gradient(0deg,#0009 0 1px,transparent 2px 4px),linear-gradient(0deg,transparent 39%,#f4faff64 47%,#000b 50%,transparent 59%);mix-blend-mode:normal}
#team .tm-static-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;object-fit:fill;image-rendering:auto;filter:grayscale(1) contrast(1.45) brightness(.95);opacity:1}
#team .tm-screen.tuning .tm-crt-signal{opacity:.03;animation:tm-picture-tear .11s steps(2) infinite}
#team .tm-screen.tuning .tm-static-overlay{animation:tm-snow-blackouts .16s steps(2) infinite}
#team .tm-static-band{opacity:.54;filter:blur(4px)}
@keyframes tm-snow-blackouts{0%{opacity:1}25%{opacity:1}50%{opacity:.89}75%{opacity:1}100%{opacity:.97}}

/* Bend the entire interference layer through the same CRT glass as the programme.
   Applying the lens to the overlay, rather than just its canvas, keeps snow,
   scan lines and sync tears aligned with the curvature of the TV picture. */
#team .tm-static-overlay{filter:url(#tm-crt-bulge)}