:root{
  --black:#03040a;
  --ink:#080a12;
  --ink-soft:#111520;
  --paper:#f5f4ef;
  --white:#f7f8ff;
  --blue:#364cff;
  --blue-bright:#8193ff;
  --blue-pale:#d9deff;
  --red:#ef3e36;
  --dim:#9aa4cf;
  --line:rgba(142,156,255,.34);
  --glass:rgba(17,20,31,.66);
  --shadow:0 28px 80px rgba(0,0,0,.46),0 5px 18px rgba(0,0,0,.36);
}

@font-face{
  font-family:"Inter Tight";
  src:url("assets/fonts/inter-tight-latin-variable.woff2") format("woff2");
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
}

@font-face{
  font-family:"Public Sans";
  src:url("assets/fonts/public-sans-latin-variable.woff2") format("woff2");
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
}

@font-face{
  font-family:"Press Start 2P";
  src:url("assets/fonts/press-start-2p-regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face{
  font-family:"VT323";
  src:url("assets/fonts/vt323-regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face{
  font-family:"Montaser Arabic Site";
  src:local("Montaser Arabic ExtraBold"),local("Montaser Arabic Extra Bold"),local("Montasser Arabic ExtraBold"),local("Montasser Arabic Extrabold"),local("Montaser Arabic");
  font-style:normal;
  font-weight:800;
  font-display:swap;
}

*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:var(--black);color:var(--white)}
html{color-scheme:dark}
body{overflow:hidden;font-family:"VT323",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
button,input,textarea,select,a{font:inherit}
button,a{cursor:pointer}
button{color:inherit}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid #b9c3ff;outline-offset:3px}
.is-hidden{display:none!important}
.hidden-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.noscript{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:30px;background:var(--black);font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.8;text-align:center}

/* Light VHS layer: the films and copy stay clean. */
.vhs-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.13;mix-blend-mode:screen;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.055) 0 1px,transparent 1px 4px)}
.vhs-overlay::after{content:"";position:absolute;left:0;right:0;top:-7%;height:5px;background:rgba(102,124,255,.1);box-shadow:0 0 15px rgba(102,124,255,.18);animation:tracking 10s linear infinite}
.noise{position:fixed;inset:-35%;z-index:999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noiseShift .35s steps(2) infinite}
@keyframes tracking{to{top:108%}}
@keyframes noiseShift{25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}}

/* Playback chrome */
.signal-ui{position:fixed;z-index:850;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.55;text-shadow:2px 0 rgba(239,51,64,.32),-2px 0 rgba(83,108,255,.44),0 0 8px rgba(255,255,255,.18)}
.play-status{padding:8px 10px;border:1px solid rgba(137,151,255,.14);background:rgba(3,4,10,.3);backdrop-filter:blur(5px)}
.signal-ui-right{display:flex;align-items:center;gap:13px;padding:7px 9px 6px;border:1px solid rgba(132,146,255,.22);border-radius:11px;background:rgba(8,10,20,.58);box-shadow:inset 0 0 16px rgba(0,0,0,.32);backdrop-filter:blur(12px) saturate(1.4)}
.sound-toggle{pointer-events:auto;border:0;border-right:1px solid rgba(132,146,255,.25);background:transparent;padding:5px 13px 5px 3px;color:var(--blue-bright);font-family:"Press Start 2P",monospace;font-size:7px}
.sound-toggle:hover,.sound-toggle:focus-visible{color:#fff}
.timestamp{color:#aab5ff;text-align:right;font-size:7px}

/* Views */
.site-shell,.view{position:fixed;inset:0;width:100vw;height:100svh;overflow:hidden}
.view{z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1)}
.view.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto}
.view.is-leaving{z-index:5;opacity:0;visibility:visible;pointer-events:none}

/* Universe home */
.home-view{background:radial-gradient(circle at 48% 44%,rgba(50,67,176,.25),transparent 28%),radial-gradient(circle at 50% 55%,#0a0c1c 0,#04050d 53%,#000 100%)}
.star-field,.shooting-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.star-field{z-index:1}
.star{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,255,255,var(--o));box-shadow:0 0 4px rgba(120,141,255,.58);animation:starPulse var(--d) steps(2) infinite}
.star:nth-child(4n),.star.star-blue{background:#8ea0ff;box-shadow:0 0 5px rgba(98,122,255,.74)}
@keyframes starPulse{50%{opacity:.32;transform:scale(.7)}}
.shooting-stars{z-index:2}
.shooting-star{position:absolute;left:var(--x);top:var(--y);width:var(--head);height:var(--head);border-radius:50%;background:#fff;opacity:0;box-shadow:0 0 6px rgba(185,197,255,.7);transform:rotate(var(--angle));animation:shoot var(--duration) linear forwards}
.shooting-star::before{content:"";position:absolute;right:0;top:0;width:var(--trail);height:var(--thickness);background:linear-gradient(to left,rgba(255,255,255,.88),rgba(132,151,255,.34),transparent)}
@keyframes shoot{0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--angle))}8%{opacity:var(--peak)}72%{opacity:calc(var(--peak) * .7)}100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--angle))}}
.orbit-line{position:absolute;z-index:2;left:50%;top:48%;border:1px solid rgba(121,136,255,.11);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotate(-8deg)}
.orbit-line-a{width:92vw;height:54vh}.orbit-line-b{width:74vw;height:82vh;transform:translate(-50%,-50%) rotate(21deg)}
.home-planet{position:absolute;z-index:2;border-radius:50%;background-repeat:no-repeat;background-size:200% 200%;opacity:.2;filter:blur(.2px) drop-shadow(0 0 28px rgba(83,108,255,.34));pointer-events:none;animation:spriteLoop4 8s steps(1,end) infinite}
.home-planet-earth{left:-5vw;top:8vh;width:22vw;aspect-ratio:1;background-image:url("assets/planet-earth-work-4f.png")}
.home-planet-mars{right:-4vw;bottom:4vh;width:16vw;aspect-ratio:1;background-image:url("assets/planet-mars-socials-4f.png");animation-delay:-3s}
@keyframes spriteLoop4{0%,24.99%{background-position:0 0}25%,49.99%{background-position:100% 0}50%,74.99%{background-position:0 100%}75%,100%{background-position:100% 100%}}

.home-desktop{position:absolute;z-index:10;inset:70px 3.4vw 112px}
.app-window{position:absolute;border:1px solid rgba(151,163,224,.58);border-radius:14px;overflow:hidden;background:rgba(8,10,18,.88);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(1.18)}
.app-window::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.window-bar{position:relative;z-index:5;height:33px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 13px;border-bottom:1px solid rgba(151,163,224,.45);background:rgba(19,23,38,.92);color:#c8cff7;font-family:"Press Start 2P",monospace;font-size:5px;line-height:1.4;letter-spacing:.06em}
.window-bar::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--blue);box-shadow:0 0 9px rgba(83,108,255,.78)}
.window-bar>span:first-child{margin-right:auto}
.window-bar-dark{background:rgba(3,4,8,.93)}
.window-bar-red::before{background:var(--red);box-shadow:0 0 10px rgba(239,51,64,.8)}
.window-status{display:flex;align-items:center;gap:5px}.window-status i{width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 7px var(--red);animation:recBlink 2s steps(1) infinite}
@keyframes recBlink{50%{opacity:.28}}
.window-close{border:0;background:transparent;padding:8px 0;color:#aeb8ea;font-family:"Press Start 2P",monospace;font-size:5px;letter-spacing:.04em}.window-close:hover,.window-close:focus-visible{color:#fff}
.window-content{height:calc(100% - 33px)}
.eyebrow{margin:0;color:var(--blue-bright);font-family:"Press Start 2P",monospace;font-size:6px;line-height:1.8;letter-spacing:.06em}
.location-line{color:#afbaff!important;font-family:"Press Start 2P",monospace;font-size:6px!important;line-height:1.7!important;letter-spacing:.06em}
.text-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(121,139,255,.7);border-radius:7px;background:rgba(83,108,255,.14);padding:10px 12px;color:#eef0ff;font-family:"Press Start 2P",monospace;font-size:6px;line-height:1.45;box-shadow:0 3px 0 rgba(49,64,160,.62);transition:transform .15s ease,background .15s ease,border-color .15s ease}
.text-link:hover,.text-link:focus-visible{transform:translateY(-1px);border-color:#bdc6ff;background:rgba(83,108,255,.3)}

.brand-window{left:1%;top:2%;width:45%;height:34%}
.paper-window{background:#f6f5f1;border-color:#d8d8df}
.paper-window .window-bar{background:#11131c;border-color:#303545}
.brand-art{position:relative;height:calc(100% - 33px);overflow:hidden;background:#f6f5f1}
.brand-art img{position:absolute;left:50%;top:50%;width:148%;max-width:none;transform:translate(-50%,-50%)}

.statement-window{right:1%;top:4%;width:38%;height:39%;background:linear-gradient(155deg,rgba(17,20,34,.96),rgba(6,8,16,.94))}
.statement-content{padding:clamp(18px,2vw,29px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.statement-content h1,.utility-content h1,.work-index h1{margin:12px 0;color:#f6f7ff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.25vw,40px);line-height:.98;letter-spacing:-.045em}
.statement-content>p:not(.eyebrow):not(.location-line){max-width:34ch;margin:0 0 12px;color:#dfe3f7;font-size:clamp(18px,1.52vw,25px);line-height:1.08}
.statement-content .location-line{margin:1px 0 15px}

.work-preview-window{left:5%;bottom:0;width:53%;height:48%;background:#05060b}
.work-preview{position:relative;width:100%;height:calc(100% - 33px);overflow:hidden;border:0;background:#05060b;padding:0;text-align:left}
.work-preview-image{position:absolute;inset:0;background-image:url("assets/world-archive-22-4f-stable-v2.png");background-size:200% 200%;background-position:0 0;filter:saturate(.74) contrast(1.05);transform:scale(1.01);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.work-preview-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.25) 60%,rgba(0,0,0,.06)),linear-gradient(0deg,rgba(3,4,10,.8),transparent 60%)}
.work-preview-copy{position:absolute;z-index:2;left:5%;bottom:9%;display:grid;justify-items:start;color:#fff}
.work-preview-copy small{margin-bottom:8px;color:#b7c1ff;font-family:"Press Start 2P",monospace;font-size:6px}
.work-preview-copy strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(29px,3vw,51px);line-height:.9;letter-spacing:-.05em}
.work-preview-copy b{margin-top:17px;border:1px solid rgba(255,255,255,.56);border-radius:7px;background:rgba(3,4,10,.66);padding:10px 13px;font-family:"Press Start 2P",monospace;font-size:6px;box-shadow:0 3px 0 rgba(0,0,0,.55)}
.work-preview:hover .work-preview-image,.work-preview:focus-visible .work-preview-image{transform:scale(1.045);filter:saturate(1) contrast(1.08)}
.work-preview:hover .work-preview-copy b,.work-preview:focus-visible .work-preview-copy b{background:var(--blue);border-color:#aeb8ff}

.director-window{right:2%;top:47%;width:34%;height:24%;color:inherit;text-decoration:none;background:rgba(241,242,248,.96);border-color:#e4e4e8}
.director-window .window-bar{background:#10121a;border-color:#343846}
.director-content{height:calc(100% - 33px);display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:0 18px;padding:17px 19px;color:#090b12}
.director-index{grid-row:1/3;align-self:center;color:var(--blue);font-family:Arial,Helvetica,sans-serif;font-size:clamp(45px,4.5vw,75px);font-weight:900;letter-spacing:-.08em}
.director-content div{display:flex;flex-direction:column;justify-content:center}.director-content small{font-family:"Press Start 2P",monospace;font-size:5px}.director-content strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,2.1vw,36px);line-height:.9}.director-content p{margin:5px 0 0;font-size:17px;line-height:1}
.director-handle{align-self:end;color:#3249c8;font-family:"Press Start 2P",monospace;font-size:5px}
.director-window:hover,.director-window:focus-visible{transform:translateY(-2px);box-shadow:0 34px 90px rgba(0,0,0,.54),0 0 0 2px var(--blue)}

.transmission-window{right:4%;bottom:0;width:35%;height:23%}
.transmission-content{height:calc(100% - 33px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px}
.transmission-content small{display:block;color:#8e9ad3;font-family:"Press Start 2P",monospace;font-size:5px;line-height:1.4}.transmission-content strong{display:block;margin-top:4px;font-size:20px;line-height:1}
.signal-bars{height:39px;display:flex;align-items:flex-end;gap:3px}.signal-bars i{width:4px;background:var(--red);box-shadow:0 0 7px rgba(239,51,64,.52);animation:signalBars 1.2s steps(4) infinite}.signal-bars i:nth-child(1){height:35%}.signal-bars i:nth-child(2){height:68%;animation-delay:-.4s}.signal-bars i:nth-child(3){height:100%;animation-delay:-.8s}.signal-bars i:nth-child(4){height:53%;animation-delay:-.2s}
@keyframes signalBars{50%{transform:scaleY(.45);opacity:.7}}
.transmission-content .text-link{padding:9px;font-size:5px}
.home-footer{position:absolute;z-index:10;left:24px;right:24px;bottom:84px;display:flex;justify-content:space-between;color:#7783bc;font-family:"Press Start 2P",monospace;font-size:5px;letter-spacing:.05em}

/* Work world / 22nd Street */
.work-view{background:#151716}
.street-scene{position:absolute;inset:0;background:url("assets/world-22nd-street-v1.png") center/cover no-repeat;filter:saturate(.9) contrast(1.03)}
.street-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,5,12,.05),transparent 55%,rgba(3,4,8,.32)),radial-gradient(ellipse at 38% 37%,rgba(255,222,164,.1),transparent 36%)}
.street-taxi{position:absolute;z-index:3;left:106%;bottom:2.5%;width:26vw;max-width:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.38));animation:taxiCross 18s linear infinite}
@keyframes taxiCross{0%,66%{left:106%;opacity:0}68%{opacity:1}92%{left:-32%;opacity:1}94%,100%{left:-32%;opacity:0}}
.store-brand{position:absolute;z-index:4;left:30.7%;top:29.4%;width:43vw;transform:translate(-50%,-50%);display:flex;align-items:baseline;justify-content:center;gap:11px;color:#151922;text-align:center;text-shadow:1px 1px 0 rgba(255,255,255,.34);pointer-events:none}
.store-brand span{font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.8vw,48px);font-weight:950;letter-spacing:-.07em}.store-brand small{font-family:"Press Start 2P",monospace;font-size:clamp(4px,.42vw,7px)}
.street-signs{position:absolute;z-index:20;right:3.2vw;top:84px;display:flex;align-items:stretch;filter:drop-shadow(5px 7px 0 rgba(0,0,0,.32))}
.street-signs button{border:2px solid #e7e8e3;border-right:0;background:#17663f;padding:12px 14px;color:#fff;font-family:"Press Start 2P",monospace;font-size:6px;text-shadow:1px 2px 0 rgba(0,0,0,.42)}
.street-signs button:first-child{border-radius:7px 0 0 7px}.street-signs button:last-child{border-right:2px solid #e7e8e3;border-radius:0 7px 7px 0}.street-signs button:hover,.street-signs button:focus-visible,.street-signs button[aria-current="page"]{background:#0c3926;color:#dfeaff}

.work-index{z-index:30;right:5vw;top:50%;width:min(610px,44vw);transform:translateY(-45%);background:rgba(5,7,12,.93)}
.work-index.is-closing{animation:windowClose .25s ease both}.work-index.is-opening{animation:windowOpen .34s cubic-bezier(.18,.82,.28,1) both}
@keyframes windowClose{to{opacity:0;transform:translateY(-43%) scale(.93);filter:blur(4px)}}
@keyframes windowOpen{from{opacity:0;transform:translateY(-43%) scale(.93);filter:blur(4px)}to{opacity:1;transform:translateY(-45%) scale(1);filter:none}}
.work-index-content{padding:clamp(23px,3vw,42px)}
.work-index h1{font-size:clamp(34px,3.7vw,58px)}
.work-index-content>p:not(.eyebrow){max-width:44ch;margin:0;color:#d9dded;font-size:22px;line-height:1.15}
.work-paths{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:27px}.work-paths button,.contact-paths button{min-height:90px;border:1px solid rgba(128,145,255,.54);border-radius:9px;background:rgba(83,108,255,.09);padding:15px;text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease}.work-paths button:hover,.work-paths button:focus-visible,.contact-paths button:hover,.contact-paths button:focus-visible,.contact-paths button.is-active{transform:translateY(-2px);border-color:#aeb8ff;background:rgba(83,108,255,.25)}
.work-paths small,.contact-paths small{display:block;color:#9facdf;font-family:"Press Start 2P",monospace;font-size:5px;line-height:1.5}.work-paths strong,.contact-paths strong{display:block;margin-top:9px;color:#fff;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.55}
.archive-door-button{position:absolute;z-index:20;right:5vw;bottom:100px;border:2px solid #12161e;border-radius:7px;background:#f2f0e9;padding:14px 18px;color:#0c1018;text-align:left;box-shadow:5px 6px 0 rgba(0,0,0,.38)}
.archive-door-button small{display:block;color:#3b4fbf;font-family:"Press Start 2P",monospace;font-size:5px}.archive-door-button span{display:block;margin-top:7px;font-family:"Press Start 2P",monospace;font-size:7px}.archive-door-button:hover,.archive-door-button:focus-visible{transform:translateY(-2px);background:#fff}

/* Direct utility windows */
.panel-view{display:grid;place-items:center;padding:76px 5vw 104px;background:radial-gradient(circle at 74% 22%,rgba(45,60,160,.2),transparent 25%),radial-gradient(circle at 30% 75%,rgba(239,51,64,.07),transparent 20%),linear-gradient(145deg,#090b18,#020309 70%)}
.panel-universe{position:absolute;inset:0;opacity:.48;background-image:radial-gradient(circle at 20% 24%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 74% 67%,#8297ff 0 1px,transparent 1.4px),radial-gradient(circle at 58% 17%,#fff 0 .8px,transparent 1.2px);background-size:117px 113px,183px 179px,239px 227px}
.panel-universe::after{content:"";position:absolute;left:-14%;bottom:-48%;width:62vw;aspect-ratio:1;border:1px solid rgba(102,120,255,.12);border-radius:50%;box-shadow:0 0 80px rgba(83,108,255,.1)}
.utility-window{position:relative;width:min(1050px,88vw);max-height:calc(100svh - 184px);overflow:hidden;background:rgba(8,10,18,.94)}
.utility-content,.privacy-content{max-height:calc(100svh - 217px);overflow:auto;padding:clamp(25px,4vw,58px);scrollbar-color:var(--blue) #11131c;scrollbar-width:thin}
.utility-content h1{font-size:clamp(42px,5.6vw,83px);margin:15px 0 23px}
.utility-content>p:not(.eyebrow):not(.location-line){max-width:58ch;color:#dce0ee;font-size:clamp(20px,1.6vw,27px);line-height:1.2}
.about-copy{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(132,147,224,.32)}
.about-copy p{margin:0;color:#e0e3ee;font-size:clamp(19px,1.4vw,24px);line-height:1.18}
.director-log-link{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:22px;margin-top:31px;border:1px solid rgba(121,139,255,.58);border-radius:10px;background:linear-gradient(90deg,rgba(83,108,255,.24),rgba(83,108,255,.05));padding:18px 20px;text-decoration:none}.director-log-link small,.director-log-link span{font-family:"Press Start 2P",monospace;font-size:5px;line-height:1.5}.director-log-link strong{font-size:19px;line-height:1}.director-log-link span{color:#aeb9ff}.director-log-link:hover,.director-log-link:focus-visible{border-color:#c2caff;background:rgba(83,108,255,.28)}
.about-window .location-line{margin:28px 0 0}

.socials-window{width:min(980px,88vw)}
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:32px}
.channel-grid a{position:relative;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;border:1px solid rgba(126,143,226,.46);border-radius:11px;background:linear-gradient(155deg,rgba(83,108,255,.23),rgba(7,9,17,.98) 62%);padding:18px;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.channel-grid a:nth-child(3){background:linear-gradient(155deg,rgba(239,51,64,.19),rgba(7,9,17,.98) 62%)}.channel-grid a:hover,.channel-grid a:focus-visible{transform:translateY(-4px);border-color:#c7ceff}
.channel-icon{position:absolute;left:18px;top:18px;width:44px;height:44px;border:2px solid #cbd2ff;border-radius:12px}.channel-icon-instagram::before{content:"";position:absolute;inset:9px;border:2px solid #cbd2ff;border-radius:50%}.channel-icon-instagram::after{content:"";position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--red)}.channel-icon-linkedin{display:grid;place-items:center;border-radius:5px;background:#cbd2ff;color:#11162f;font-family:Arial,sans-serif;font-size:25px;font-weight:900}
.channel-grid small{color:#99a6e0;font-family:"Press Start 2P",monospace;font-size:5px}.channel-grid strong{margin-top:7px;font-size:22px}.channel-grid b{margin-top:17px;border:1px solid rgba(151,164,236,.52);border-radius:6px;background:rgba(83,108,255,.2);padding:9px 10px;font-family:"Press Start 2P",monospace;font-size:5px}

.contact-window{width:min(1120px,91vw)}
.contact-content{padding-top:30px}.contact-content h1{font-size:clamp(38px,4.8vw,72px);margin-bottom:20px}
.contact-paths{display:grid;grid-template-columns:1fr 1fr;gap:11px}.contact-paths button{min-height:78px}.contact-intro{margin:20px 0 15px!important;color:#bfc7e5!important}
.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.form-grid label{display:grid;gap:7px;color:#aeb8ea;font-family:"Press Start 2P",monospace;font-size:5px;line-height:1.5}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid rgba(129,144,219,.5);border-radius:6px;outline:0;background:#111420;padding:11px 12px;color:#f5f6ff;font-family:"VT323",monospace;font-size:18px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#a9b5ff;box-shadow:0 0 0 2px rgba(83,108,255,.2)}.form-message{grid-column:1/-1}.form-grid textarea{resize:vertical;min-height:92px}.form-footer{display:flex;align-items:center;gap:16px;margin-top:15px}.send-button{border:1px solid #93a1ff;border-radius:7px;background:var(--blue);padding:12px 15px;color:#fff;font-family:"Press Start 2P",monospace;font-size:6px;box-shadow:0 4px 0 #263a9e}.send-button:hover,.send-button:focus-visible{background:#657cff;transform:translateY(-1px)}.send-button:disabled{opacity:.6;cursor:wait}.form-status{margin:0!important;color:#cbd1ec!important;font-size:16px!important}.form-status.is-success{color:#8effbf!important}.form-status.is-error{color:#ff9aa1!important}.form-privacy-note{margin:16px 0 0!important;color:#8893bd!important;font-size:14px!important}.form-privacy-note button{border:0;border-bottom:1px solid currentColor;background:transparent;padding:0;color:#b2bdf2}

.privacy-window{width:min(920px,88vw)}
.privacy-content{font-size:18px;line-height:1.35}.privacy-content h1{margin:13px 0 4px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(39px,5vw,68px);letter-spacing:-.05em}.privacy-effective{color:#8f9bd4}.privacy-content h2{margin:28px 0 7px;color:#aeb8ff;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.6}.privacy-content p{max-width:75ch}.privacy-content a{color:#aab6ff}

/* Persistent Apple-like glass dock */
.glass-dock{position:fixed;z-index:900;left:50%;bottom:max(17px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 22px);border:1px solid rgba(201,208,255,.28);border-radius:22px;background:linear-gradient(180deg,rgba(40,45,65,.62),rgba(14,17,27,.72));padding:6px;box-shadow:0 14px 45px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(22px) saturate(1.45)}
.glass-dock button{position:relative;border:0;border-radius:16px;background:transparent;padding:12px 15px;color:#c8cee9;font-family:"Press Start 2P",monospace;font-size:6px;letter-spacing:.02em;transition:background .14s ease,color .14s ease,transform .14s ease}
.glass-dock button:hover,.glass-dock button:focus-visible{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-1px)}
.glass-dock button[aria-current="page"]{background:rgba(83,108,255,.35);color:#fff}.dock-dot{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#69728e}.glass-dock button[aria-current="page"] .dock-dot{background:#fff;box-shadow:0 0 8px #aeb8ff}.glass-dock .dock-privacy{margin-left:3px;border-left:1px solid rgba(201,208,255,.2);border-radius:0 14px 14px 0;color:#8f99bc;font-size:4px}

/* Gary — existing approved sprite set, cleanly clipped in the canvas. */
.character-canvas{position:fixed;z-index:760;width:160px;height:192px;transform:translate(-50%,-57%);image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 4px 2px rgba(0,0,0,.38));transition:opacity .18s ease}
body[data-view="about"] .character-canvas,body[data-view="socials"] .character-canvas,body[data-view="contact"] .character-canvas,body[data-view="privacy"] .character-canvas,body[data-view="terms"] .character-canvas{opacity:0}
.speech{position:fixed;z-index:770;width:min(390px,75vw);transform:translateY(-50%);border:2px solid #111522;border-radius:11px;background:#f4f3ec;padding:14px 16px;color:#10131b;box-shadow:5px 7px 0 rgba(10,12,20,.56),0 12px 35px rgba(0,0,0,.3);pointer-events:none}
.speech::before{content:"";position:absolute;top:50%;width:13px;height:13px;background:#f4f3ec;border-bottom:2px solid #111522;border-left:2px solid #111522;transform:translateY(-50%) rotate(45deg)}
.speech.side-right::before{left:-8px}.speech.side-left::before{right:-8px;transform:translateY(-50%) rotate(225deg)}
.speech p{margin:0;font-size:20px;line-height:1.04}

@media(max-width:1100px){
  .home-desktop{inset-inline:2.5vw}.brand-window{width:47%}.statement-window{width:42%}.work-preview-window{width:55%}.director-window{width:37%}.transmission-window{width:38%}
  .statement-content h1{font-size:clamp(23px,2.65vw,33px)}.statement-content>p:not(.eyebrow):not(.location-line){font-size:19px}.director-content p{font-size:15px}
  .work-index{width:min(610px,52vw)}
}

@media(max-width:760px){
  body{overflow:hidden}.vhs-overlay{opacity:.09}.noise{opacity:.018}.signal-ui{top:9px;left:9px;right:9px;font-size:7px}.play-status{padding:7px}.signal-ui-right{gap:8px;padding:5px 7px}.sound-toggle{font-size:5px;padding-right:7px}.timestamp{font-size:5px}
  .view{height:100svh}.home-view{overflow-y:auto;overscroll-behavior:none}.home-desktop{position:relative;inset:auto;display:grid;gap:13px;padding:66px 10px 124px}.home-planet{display:none}.orbit-line{opacity:.38}
  .app-window{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;transform:none!important;border-radius:11px}.window-bar{height:30px}
  .brand-window{order:1}.brand-art{height:29vh;min-height:210px}.brand-art img{width:185%}
  .statement-window{order:2}.statement-content{height:auto;padding:25px 20px}.statement-content h1{font-size:31px}.statement-content>p:not(.eyebrow):not(.location-line){font-size:21px}.text-link{padding:11px}
  .work-preview-window{order:3}.work-preview{height:48vh;min-height:330px}.work-preview-copy{left:20px;bottom:24px}.work-preview-copy strong{font-size:39px}
  .director-window{order:4;display:block}.director-content{min-height:155px}.director-index{font-size:58px}.director-content p{font-size:18px}
  .transmission-window{order:5}.transmission-content{min-height:112px;grid-template-columns:auto 1fr}.transmission-content .text-link{grid-column:1/-1}
  .home-footer{position:relative;left:auto;right:auto;bottom:auto;display:none}

  .street-scene{background-position:39% center}.street-signs{display:none}.store-brand{left:42%;top:30%;width:76vw}.store-brand span{font-size:26px}.store-brand small{font-size:4px}.street-taxi{display:none}
  .work-index{position:absolute!important;inset:64px 10px 88px!important;display:flex;flex-direction:column;overflow:hidden}.work-index .window-bar{flex:0 0 30px}.work-index-content{overflow:auto;padding:24px 18px}.work-index h1{font-size:38px}.work-index-content>p:not(.eyebrow){font-size:21px}.work-paths{grid-template-columns:1fr}.work-paths button{min-height:82px}.archive-door-button{right:10px;bottom:88px}

  .panel-view{padding:64px 10px 88px;display:block}.utility-window{height:100%!important;max-height:none;display:flex;flex-direction:column}.utility-window .window-bar{flex:0 0 30px}.utility-content,.privacy-content{max-height:none;flex:1;overflow:auto;padding:24px 18px}.utility-content h1{font-size:38px}.utility-content>p:not(.eyebrow):not(.location-line){font-size:21px}.about-copy{grid-template-columns:1fr;gap:17px}.about-copy p{font-size:21px}.director-log-link{grid-template-columns:1fr;gap:10px}.director-log-link strong{font-size:18px}.channel-grid{grid-template-columns:1fr}.channel-grid a{min-height:170px}.contact-paths{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-direction:column}
  .glass-dock{bottom:max(8px,env(safe-area-inset-bottom));gap:1px;width:calc(100vw - 16px);justify-content:space-between;border-radius:18px;padding:5px}.glass-dock button{flex:1;padding:11px 3px;font-size:4.5px}.dock-dot{display:block;margin:0 auto 5px}.glass-dock .dock-privacy{display:none}
  .character-canvas{width:120px;height:144px}.speech{width:min(310px,72vw);padding:12px}.speech p{font-size:18px}
}

@media(max-width:380px){.glass-dock button{font-size:4px}.statement-content h1,.work-index h1,.utility-content h1{font-size:33px}.director-content{gap:10px;padding-inline:13px}.director-index{font-size:45px}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important}.vhs-overlay::after,.noise,.shooting-star,.star,.home-planet,.window-status i,.signal-bars i,.street-taxi{animation:none!important}
}

/* V32 / Gate 1: Mother-inspired desktop, translated into TheTwentyTwo. */
.home-brand-ghost{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);color:transparent;font-family:Arial,Helvetica,sans-serif;font-size:clamp(100px,17vw,270px);font-weight:950;line-height:.72;letter-spacing:-.09em;white-space:nowrap;-webkit-text-stroke:1px rgba(101,121,255,.16);text-shadow:0 0 72px rgba(41,60,190,.18);pointer-events:none;user-select:none}
.home-view,.home-view *{user-select:none;-webkit-user-select:none}
.app-window{border-color:rgba(194,200,229,.48);border-radius:12px;background:rgba(8,10,18,.91);box-shadow:0 28px 80px rgba(0,0,0,.48),0 6px 20px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(22px) saturate(1.16)}
.window-bar{height:34px;padding:0 12px 0 11px;border-color:rgba(159,166,195,.35);background:linear-gradient(180deg,rgba(47,50,60,.96),rgba(27,30,39,.96));color:#d8dbe8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px;font-weight:650;letter-spacing:.01em;text-transform:none;cursor:grab;touch-action:none;user-select:none}
.window-bar::before{content:"";width:8px;height:8px;flex:0 0 30px;border-radius:50%;background:#ff5f57;box-shadow:12px 0 0 #febc2e,24px 0 0 #28c840}
.window-bar.has-controls::before{display:none}
.window-controls{position:relative;z-index:3;display:flex;align-items:center;gap:6px;flex:0 0 auto}
.window-control{width:10px;height:14px;display:grid;place-items:center;border:0;background:transparent;padding:0}
.window-control span{width:9px;height:9px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.28)}
.window-control-collapse span{background:#febc2e}.window-control-focus span{background:#28c840}
.window-control:hover span,.window-control:focus-visible span{filter:brightness(1.16);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.38),0 0 0 2px rgba(255,255,255,.12)}
.window-bar>span:first-child{position:absolute;left:50%;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%);text-align:center}
.window-bar.has-controls>span:first-of-type{position:absolute;left:50%;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%);text-align:center}
.window-bar>span:last-child{margin-left:auto;font-family:"Press Start 2P",monospace;font-size:5px;letter-spacing:.04em}
.window-bar .window-status{display:flex}
.home-draggable{will-change:left,top,box-shadow;transition:box-shadow .2s ease,filter .2s ease}
.home-draggable:hover{box-shadow:0 34px 90px rgba(0,0,0,.56),0 8px 22px rgba(0,0,0,.44),0 0 0 1px rgba(146,160,255,.2)}
.home-draggable.is-dragging{filter:brightness(1.04);box-shadow:0 42px 105px rgba(0,0,0,.68),0 13px 30px rgba(0,0,0,.5);transition:none}
.home-draggable.is-dragging .window-bar{cursor:grabbing}
.home-draggable.is-window-closed{display:none!important}
.home-draggable.is-window-collapsed{height:34px!important;min-height:34px!important}
.home-draggable.is-window-focused{border-color:rgba(221,225,244,.72);box-shadow:0 44px 120px rgba(0,0,0,.7),0 0 0 1px rgba(155,170,255,.28)}
body.is-window-dragging,body.is-window-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}

.master-window{left:1%;top:2%;width:43%;height:38%;background:rgba(245,244,239,.97);border-color:rgba(255,255,255,.72)}
.master-content{height:calc(100% - 34px);display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:auto 1fr auto;gap:7px 19px;padding:18px 20px;color:#090b12}
.master-content img{grid-row:1/4;align-self:center;width:100%;filter:saturate(.88) contrast(1.06)}
.master-content p{align-self:end;margin:0;font-size:18px;line-height:1.02}
.master-content ul{display:flex;flex-wrap:wrap;align-content:start;gap:6px;margin:3px 0 0;padding:0;list-style:none}
.master-content li{border:1px solid rgba(25,36,80,.27);border-radius:999px;padding:6px 7px;color:#263baf;font-family:"Press Start 2P",monospace;font-size:4px;line-height:1.2}
.master-content .text-link{align-self:end;justify-self:start;padding:8px 9px;color:#fff;background:#273ec3;border-color:#152891;box-shadow:0 3px 0 #162167;font-size:5px}

.statement-window{right:1%;top:3%;width:38%;height:43%}
.work-preview-window{left:4%;bottom:0;width:50%;height:52%}
.commercials-window{right:13%;top:43%;width:39%;height:35%;background:#070910}
.transmission-window{right:2%;bottom:0;width:34%;height:24%}

.missing-signal{position:relative;width:100%;height:calc(100% - 34px);display:grid;place-items:center;overflow:hidden;border:0;background:#05060a;padding:0;color:#f4f5ff;text-align:center}
.signal-noise{position:absolute;inset:0;opacity:.55;background:radial-gradient(circle at 50% 50%,rgba(71,83,135,.2),transparent 48%),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.22' filter='url(%23n)'/%3E%3C/svg%3E")}
.missing-signal-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:9px;padding:20px}
.missing-signal-copy small{color:#97a5e7;font-family:"Press Start 2P",monospace;font-size:5px}.missing-signal-copy strong{font-family:"Press Start 2P",monospace;font-size:clamp(8px,1vw,13px);line-height:1.55}
.missing-signal-action{margin-top:5px;border:1px solid rgba(166,177,236,.48);border-radius:6px;background:rgba(47,63,161,.25);padding:9px 11px;color:#f4f5ff;font-family:"Press Start 2P",monospace;font-size:5px;box-shadow:0 3px 0 rgba(0,0,0,.54);transition:transform .15s ease,background .15s ease,border-color .15s ease}
.missing-signal-action:hover,.missing-signal-action:focus-visible{background:var(--blue);border-color:#d9deff;transform:translateY(-1px)}
.missing-signal-commercials{background:linear-gradient(135deg,#eeeef0,#c9ccd6);color:#090b12}
.missing-signal-commercials::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(15,20,38,.1) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(15,20,38,.1) 50%,transparent 50.3%);background-size:24px 24px}
.commercial-bars{position:absolute;inset:0;background:linear-gradient(90deg,#eee 0 14.28%,#e8d74f 14.28% 28.56%,#5fd7d0 28.56% 42.84%,#74d16c 42.84% 57.12%,#ba6ac5 57.12% 71.4%,#df5958 71.4% 85.68%,#4f62b9 85.68%);opacity:.16}
.missing-signal-commercials .missing-signal-copy small{color:#354eb5}.missing-signal-commercials .missing-signal-action{border-color:#17286d;background:#fff;color:#15236c;box-shadow:0 3px 0 rgba(13,23,66,.25)}
.transmission-content{height:calc(100% - 34px)}
.transmission-content p{margin:6px 0 0;color:#aab2d1;font-size:15px;line-height:.95}
.rec-status{color:#ff7a74}

.work-index{left:4vw;right:auto;top:72px;width:92vw;height:calc(100svh - 174px);transform:none;background:rgba(246,245,240,.98);color:#0b0d14;border-color:rgba(255,255,255,.8)}
.work-index.is-closing{animation:gateWindowClose .25s ease both}.work-index.is-opening{animation:gateWindowOpen .34s cubic-bezier(.18,.82,.28,1) both}
@keyframes gateWindowClose{to{opacity:0;transform:scale(.96);filter:blur(4px)}}
@keyframes gateWindowOpen{from{opacity:0;transform:scale(.96);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:none}}
.work-index .window-bar{background:linear-gradient(180deg,#383b43,#252830)}
.work-index-content{height:calc(100% - 34px);display:grid;grid-template-rows:1fr auto;gap:18px;padding:clamp(24px,3vw,46px);overflow:auto}
.work-editorial{display:grid;grid-template-columns:minmax(270px,.72fr) 1.28fr;gap:clamp(24px,4vw,70px);align-items:stretch}
.work-editorial-copy{align-self:center}.work-index .eyebrow{color:#334ac1}.work-index h1{margin:15px 0 22px;color:#0a0c14;font-family:Georgia,"Times New Roman",serif;font-size:clamp(49px,6.5vw,102px);font-weight:400;line-height:.83;letter-spacing:-.065em}.work-editorial-copy>p:not(.eyebrow){max-width:38ch;margin:0;color:#353944;font-size:clamp(20px,1.55vw,27px);line-height:1.08}
.work-offline-screen{position:relative;min-height:270px;display:grid;place-content:center;gap:14px;overflow:hidden;border:1px solid #20242f;border-radius:8px;background:radial-gradient(circle at 50% 45%,#29314a,#0b0e16 70%);color:#edf0ff;text-align:center;box-shadow:inset 0 0 70px #000,0 12px 32px rgba(23,26,38,.18)}
.work-offline-screen::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px);pointer-events:none}.work-offline-screen span,.work-offline-screen strong{position:relative;z-index:1;font-family:"Press Start 2P",monospace}.work-offline-screen span{color:#8193ff;font-size:5px}.work-offline-screen strong{font-size:clamp(9px,1.15vw,15px);line-height:1.6}
.work-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid #c9c9c8;padding-top:18px}.work-contact-strip p{max-width:45ch;margin:0;color:#4a4d55;font-size:20px;line-height:1}.work-contact-strip button{min-width:310px;border:1px solid #11141d;border-radius:8px;background:#10131b;padding:13px 16px;color:#fff;text-align:left;box-shadow:0 4px 0 #334ac1;transition:transform .16s ease,background .16s ease}.work-contact-strip button:hover,.work-contact-strip button:focus-visible{transform:translateY(-2px);background:#263fc6}.work-contact-strip small,.work-contact-strip strong{display:block;font-family:"Press Start 2P",monospace}.work-contact-strip small{color:#93a2ff;font-size:4px}.work-contact-strip strong{margin-top:8px;font-size:7px;line-height:1.5}
.street-signs{display:none!important}

.news-window{width:min(1040px,88vw)}
.news-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(25px,5vw,80px);align-items:center}.news-content>.eyebrow,.news-content>h1{grid-column:1}.news-content>h1{align-self:start;margin-top:-4px}.news-offline{grid-column:2;grid-row:1/3;min-height:330px;display:grid;place-content:center;gap:14px;border:1px solid rgba(139,153,230,.42);border-radius:9px;background:radial-gradient(circle,#1c243d,#080a12 70%);padding:30px;text-align:center;box-shadow:inset 0 0 60px #000}.news-offline small,.news-offline strong{font-family:"Press Start 2P",monospace}.news-offline small{color:#8193ff;font-size:5px}.news-offline strong{font-size:11px;line-height:1.7}.news-offline p{max-width:37ch;margin:5px auto 0;color:#bfc6df;font-size:20px;line-height:1.05}

.glass-dock{border-color:rgba(224,229,255,.32);background:linear-gradient(180deg,rgba(63,68,87,.66),rgba(17,20,30,.76));box-shadow:0 18px 55px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(28px) saturate(1.62)}
.glass-dock button{padding-inline:13px}
.glass-dock .dock-privacy{border-left:1px solid rgba(201,208,255,.2);border-radius:0 14px 14px 0;font-size:5px}
body[data-view="news"] .character-canvas{opacity:0}
.character-canvas{width:77px;height:92px}
.speech{width:min(205px,58vw);border-radius:8px;padding:8px 10px;box-shadow:3px 4px 0 rgba(10,12,20,.56),0 8px 23px rgba(0,0,0,.3)}
.speech p{font-size:15px;line-height:1.1}

@media(max-width:1100px){
  .master-window{width:45%}.statement-window{width:41%}.work-preview-window{width:52%}.commercials-window{right:10%;width:42%}.transmission-window{width:37%}
  .master-content{padding:14px;gap:5px 13px}.master-content p{font-size:15px}.master-content li{font-size:3.5px}.transmission-content p{display:none}
  .glass-dock button{padding-inline:10px;font-size:5px}
}

@media(max-width:760px){
  .home-brand-ghost{position:fixed;top:46%;font-size:29vw;opacity:.72}
  .home-desktop{padding:66px 10px 132px}
  .home-draggable .window-bar{cursor:default;touch-action:auto}
  .window-controls{display:none}.window-bar.has-controls::before{display:block}
  .statement-window{order:1}.work-preview-window{order:2}.commercials-window{order:3}.master-window{order:4}.transmission-window{order:5}
  .master-content{min-height:300px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:21px}.master-content img{grid-row:auto;width:100%;height:138px;margin:auto;object-fit:cover;object-position:center}.master-content p{font-size:21px}.master-content ul{margin-top:8px}.master-content li{font-size:4px}.master-content .text-link{margin-top:6px}
  .missing-signal{height:44vh;min-height:300px}.commercials-window .missing-signal{height:39vh;min-height:280px}
  .transmission-content{min-height:154px;grid-template-columns:auto 1fr}.transmission-content p{display:block}.transmission-content .text-link{grid-column:1/-1}
  .work-index{inset:64px 10px 92px!important;width:auto!important;height:auto!important}.work-index-content{padding:22px 17px}.work-editorial{grid-template-columns:1fr;gap:20px}.work-index h1{font-size:49px}.work-offline-screen{min-height:260px}.work-contact-strip{align-items:stretch;flex-direction:column}.work-contact-strip button{min-width:0;width:100%}
  .news-content{display:block}.news-offline{min-height:280px;margin-top:26px}
  .glass-dock{justify-content:space-between;overflow:hidden;padding-inline:4px}.glass-dock button{flex:0 1 52px;min-width:0;padding:10px 2px;font-size:3.35px}.glass-dock .dock-privacy{display:block;margin-left:0;border-left:1px solid rgba(201,208,255,.16)}
  .character-canvas{width:51px;height:62px}.speech{width:min(180px,54vw);padding:7px 8px}.speech p{font-size:14px;line-height:1.1}
}

/* Gate 3 — permanent visual system: Mother-level restraint, TheTwentyTwo identity. */
:root{
  --black:#050608;
  --ink:#0b0d12;
  --ink-soft:#151821;
  --paper:#f3f1ea;
  --paper-strong:#fffefa;
  --white:#f7f7f3;
  --blue:#3f5bff;
  --blue-hover:#5870ff;
  --blue-dark:#2439ad;
  --blue-pale:#dfe4ff;
  --red:#f1453d;
  --dim:#9299ad;
  --line:rgba(181,187,209,.42);
  --glass:rgba(14,16,23,.72);
  --shadow:0 24px 70px rgba(0,0,0,.48),0 5px 16px rgba(0,0,0,.28);
  --font-main:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-pixel:"Press Start 2P",ui-monospace,monospace;
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --radius-window:12px;
  --radius-control:8px;
  --logo-safe:clamp(18px,2.4vw,36px);
}

body{font-family:var(--font-main);font-weight:500;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.vhs-overlay{opacity:.035;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0 1px,transparent 1px 5px)}
.noise{opacity:.009;animation-duration:.5s}
body[data-view="about"] .vhs-overlay,body[data-view="socials"] .vhs-overlay,body[data-view="contact"] .vhs-overlay,body[data-view="privacy"] .vhs-overlay,body[data-view="terms"] .vhs-overlay{opacity:.018}

/* Brand chrome */
.signal-ui{font-family:var(--font-pixel);font-size:8px;text-shadow:1px 0 rgba(241,69,61,.24),-1px 0 rgba(63,91,255,.32),0 0 7px rgba(255,255,255,.12)}
.play-status{border-color:rgba(223,228,255,.18);border-radius:8px;background:rgba(5,6,8,.38);backdrop-filter:blur(12px)}
.signal-ui-right{border-color:rgba(223,228,255,.22);background:rgba(12,14,21,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px) saturate(1.25)}
.sound-toggle,.timestamp{font-family:var(--font-pixel);color:#aeb9ff}

/* One consistent window system. */
.app-window{border:1px solid rgba(214,217,226,.54);border-radius:var(--radius-window);background:rgba(9,11,17,.94);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.08)}
.app-window::after{box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.window-bar,.window-bar-dark,.paper-window .window-bar,.director-window .window-bar,.work-index .window-bar{height:36px;padding:0 12px 0 11px;border-bottom:1px solid #c9c9c5;background:linear-gradient(180deg,#f7f7f3,#e8e8e3);color:#17191f;font-family:var(--font-main);font-size:10px;font-weight:700;letter-spacing:.015em;cursor:grab}
.window-bar>span:last-child,.window-bar .window-status{font-family:var(--font-pixel);font-size:5px;color:#5f6470}
.window-bar-red .rec-status,.rec-status{color:var(--red)}
.window-close{border-radius:6px;padding:6px 8px;color:#252832;font-family:var(--font-pixel);font-size:5px;transition:background .15s ease,color .15s ease}
.window-close:hover,.window-close:focus-visible{background:var(--ink);color:var(--white)}
.window-content,.master-content,.missing-signal,.transmission-content{height:calc(100% - 36px)}
.home-draggable.is-window-collapsed{height:36px!important;min-height:36px!important}

/* Type hierarchy: cinematic grotesk first, pixels only for metadata and actions. */
.statement-content h1,.utility-content h1,.work-index h1,.privacy-content h1,.work-preview-copy strong,.director-index,.director-content strong,.store-brand span{font-family:var(--font-main);font-weight:800;letter-spacing:-.055em}
.statement-content h1{font-size:clamp(27px,2.55vw,44px);line-height:.91}
.statement-content>p:not(.eyebrow):not(.location-line){font-family:var(--font-main);font-size:clamp(15px,1.3vw,20px);font-weight:500;line-height:1.18;letter-spacing:-.015em}
.eyebrow,.location-line,.work-preview-copy small,.missing-signal-copy small,.missing-signal-copy strong,.work-offline-screen span,.work-offline-screen strong,.news-offline small,.news-offline strong{font-family:var(--font-pixel)}
.eyebrow{color:#8fa0ff;font-size:5px;line-height:1.9;letter-spacing:.035em}
.location-line{color:#aeb9ff!important;font-size:5px!important;line-height:1.8!important}

/* Buttons: one unmistakable action language. */
.text-link,.missing-signal-action,.send-button{min-height:40px;border:1px solid var(--blue-dark);border-radius:var(--radius-control);background:var(--blue);padding:11px 14px;color:#fff;font-family:var(--font-pixel);font-size:5px;line-height:1.45;box-shadow:0 3px 0 #1d2d8c;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease}
.text-link:hover,.text-link:focus-visible,.missing-signal-action:hover,.missing-signal-action:focus-visible,.send-button:hover,.send-button:focus-visible{transform:translateY(-2px);border-color:#9eabff;background:var(--blue-hover);box-shadow:0 5px 0 #1d2d8c}
.text-link:active,.missing-signal-action:active,.send-button:active{transform:translateY(1px);box-shadow:0 1px 0 #1d2d8c}

/* Home composition and layer hierarchy. */
.home-desktop{inset:72px max(24px,3.4vw) 112px}
.home-brand-ghost{color:transparent;font-family:var(--font-main);font-weight:900;-webkit-text-stroke:1px rgba(105,123,240,.13);text-shadow:0 0 82px rgba(42,62,186,.15)}
.statement-window{background:linear-gradient(155deg,rgba(17,20,30,.97),rgba(7,9,14,.96))}
.master-window{background:var(--paper);border-color:rgba(255,255,255,.82)}
.master-content{grid-template-columns:minmax(180px,.9fr) 1.1fr;gap:8px 22px;padding:var(--space-3) var(--space-4);color:var(--ink)}
.master-content img{width:min(100%,300px);max-height:100%;margin:auto;padding:clamp(2px,.5vw,8px);filter:none}
.master-content p{font-family:var(--font-main);font-size:clamp(14px,1.35vw,19px);font-weight:600;line-height:1.08;letter-spacing:-.02em}
.master-content li{border-color:rgba(28,36,67,.24);padding:6px 8px;color:var(--blue-dark);font-family:var(--font-pixel)}
.master-content .text-link{background:var(--blue);border-color:var(--blue-dark);box-shadow:0 3px 0 #1d2d8c}
.missing-signal{background:#07080c}
.missing-signal-commercials{background:var(--paper);color:var(--ink)}
.missing-signal-commercials .missing-signal-action{background:var(--blue);border-color:var(--blue-dark);color:#fff;box-shadow:0 3px 0 #1d2d8c}
.transmission-content strong,.channel-grid strong{font-family:var(--font-main);font-weight:750;letter-spacing:-.025em}
.transmission-content p{font-family:var(--font-main);font-size:13px;line-height:1.12}

/* Utility level: calm, editorial, immediately readable. */
.panel-view{background:radial-gradient(circle at 75% 20%,rgba(63,91,255,.17),transparent 26%),radial-gradient(circle at 25% 78%,rgba(241,69,61,.055),transparent 18%),linear-gradient(145deg,#0a0c16,#030407 72%)}
.utility-window{background:rgba(243,241,234,.985);color:var(--ink);border-color:rgba(255,255,255,.82)}
.utility-content,.privacy-content{padding:clamp(28px,4vw,58px)}
.utility-content h1,.privacy-content h1{color:var(--ink);line-height:.88}
.utility-content>p:not(.eyebrow):not(.location-line),.about-copy p,.privacy-content p{color:#343740;font-family:var(--font-main);font-weight:500;line-height:1.35}
.about-copy{gap:clamp(18px,2.3vw,34px);border-color:#cccac3}
.director-log-link{border-color:var(--blue-dark);border-radius:var(--radius-control);background:var(--blue);color:#fff;padding:20px 22px;box-shadow:0 4px 0 var(--blue-dark);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.director-log-link small,.director-log-link span{font-family:var(--font-pixel)}
.director-log-link strong{font-family:var(--font-main);font-weight:750;letter-spacing:-.02em}
.director-log-link span{color:var(--blue-pale)}
.director-log-link:hover,.director-log-link:focus-visible{transform:translateY(-2px);border-color:var(--blue-dark);background:var(--blue-hover);box-shadow:0 6px 0 var(--blue-dark)}

.channel-grid{gap:var(--space-3)}
.channel-grid a{border-color:#262a36;border-radius:10px;background:linear-gradient(150deg,#171c35,#090b12 66%);color:#fff;box-shadow:0 10px 25px rgba(11,13,20,.12)}
.channel-grid a:nth-child(3){background:linear-gradient(150deg,#351a1b,#090b12 66%)}
.channel-grid a:hover,.channel-grid a:focus-visible{border-color:var(--blue);box-shadow:0 15px 34px rgba(11,13,20,.2),0 0 0 2px rgba(63,91,255,.16)}
.channel-grid small{color:#aeb9ff}
.channel-grid b{border-color:var(--blue-dark);background:var(--blue);color:#fff;font-family:var(--font-pixel)}

.contact-paths button{border-color:#c4c4c0;background:#fbfaf5;color:var(--ink);box-shadow:none}
.contact-paths button:hover,.contact-paths button:focus-visible{border-color:var(--blue);background:#edf0ff}
.contact-paths button.is-active{border-color:var(--blue-dark);background:var(--blue);color:#fff}
.contact-paths button.is-active small{color:var(--blue-pale)}
.contact-paths small{color:#59628b;font-family:var(--font-pixel)}
.contact-paths strong{color:inherit;font-family:var(--font-pixel)}
.contact-intro{color:#4c505b!important}
.form-grid label{color:#565b6b;font-family:var(--font-pixel)}
.form-grid input,.form-grid select,.form-grid textarea{border-color:#c5c6c4;border-radius:7px;background:#fffefa;color:var(--ink);font-family:var(--font-main);font-size:16px;font-weight:500}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(63,91,255,.14)}
.form-status{color:#4c5161!important;font-family:var(--font-main)}
.form-privacy-note{color:#6d7281!important;font-family:var(--font-main)}
.form-privacy-note button,.privacy-content a{color:var(--blue-dark)}
.privacy-effective{color:#666d80!important}
.privacy-content h2{color:var(--blue-dark);font-family:var(--font-pixel)}

/* Work level: images dominate; branding never grades the films. */
.work-index{background:var(--paper);color:var(--ink)}
.work-index h1{font-family:var(--font-main);font-weight:800;line-height:.82;letter-spacing:-.065em}
.work-editorial-copy>p:not(.eyebrow){font-family:var(--font-main);font-weight:500;line-height:1.24}
.work-offline-screen,.news-offline{border-radius:8px;background:radial-gradient(circle at 50% 44%,#252c42,#090b11 70%);box-shadow:inset 0 0 70px #000,0 12px 30px rgba(16,18,26,.14)}
.work-contact-strip{border-color:#cbc9c2}.work-contact-strip p{font-family:var(--font-main);line-height:1.2}
.work-contact-strip button{border-radius:var(--radius-control);background:var(--ink);box-shadow:0 4px 0 var(--blue-dark)}
.work-contact-strip button:hover,.work-contact-strip button:focus-visible{background:var(--blue);box-shadow:0 6px 0 var(--blue-dark)}
.film-still,.work-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#090a0d}
.film-still img,.film-still video,.work-card-media img,.work-card-media video{width:100%;height:100%;object-fit:cover;filter:none;transform:scale(1.001);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.film-still::after,.work-card-media::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:inherit;pointer-events:none}
.film-still:hover img,.film-still:hover video,.work-card-media:hover img,.work-card-media:hover video{transform:scale(1.02)}

/* Dock: modern navigation with one blue state, not a second visual world. */
.glass-dock{gap:3px;border:1px solid rgba(230,233,245,.25);border-radius:25px;background:linear-gradient(180deg,rgba(49,53,66,.7),rgba(10,12,17,.78));padding:6px;box-shadow:0 18px 55px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.19);backdrop-filter:blur(32px) saturate(1.35)}
.glass-dock button{min-height:38px;border-radius:18px;padding:10px 15px;color:#c8ccd8;font-family:var(--font-main);font-size:9px;font-weight:700;letter-spacing:.045em}
.glass-dock button:hover,.glass-dock button:focus-visible{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-1px)}
.glass-dock button[aria-current="page"]{background:var(--blue);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 14px rgba(14,26,100,.28)}
.dock-dot{width:4px;height:4px;margin-right:7px;background:#858b9d}
.glass-dock button[aria-current="page"] .dock-dot{background:#fff;box-shadow:none}
.glass-dock .dock-privacy{font-size:8px;color:#9ba0af}

.speech{border-color:var(--ink);border-radius:9px;background:var(--paper);color:var(--ink);font-family:var(--font-main);box-shadow:4px 5px 0 rgba(10,12,20,.55),0 10px 28px rgba(0,0,0,.28)}
.speech::before{border-color:var(--ink);background:var(--paper)}
.speech p{font-family:var(--font-main);font-size:14px;font-weight:650;line-height:1.2;letter-spacing:-.01em}

@media(max-width:1100px){
  .glass-dock button{padding-inline:11px;font-size:8px}
  .master-content{gap:6px 14px;padding:14px 16px}.master-content p{font-size:14px}
}

@media(max-width:760px){
  .vhs-overlay{opacity:.024}.noise{opacity:.006}
  .home-desktop{inset:auto}
  .window-bar,.window-bar-dark,.paper-window .window-bar,.director-window .window-bar,.work-index .window-bar{height:32px;font-size:9px}
  .window-content,.master-content,.missing-signal,.transmission-content{height:auto}
  .statement-content h1{font-size:34px}
  .statement-content>p:not(.eyebrow):not(.location-line){font-size:18px;line-height:1.3}
  .master-content{padding:24px}.master-content img{width:min(100%,300px);height:auto}.master-content p{font-size:18px;line-height:1.25}
  .utility-content>p:not(.eyebrow):not(.location-line),.about-copy p,.privacy-content p{font-size:18px;line-height:1.4}
  .director-log-link{padding:18px}
  .glass-dock{padding:5px 4px}
  .glass-dock button{flex:1;min-height:39px;padding:8px 2px;font-size:7px;letter-spacing:.015em}
  .glass-dock .dock-privacy{font-size:6px}
  .dock-dot{display:block;margin:0 auto 5px}
  .speech p{font-size:13px;line-height:1.2}
}

/* Approval pass — cleaner macOS window chrome and liquid-glass navigation. */
.app-window{
  overflow:clip;
  border:1px solid rgba(255,255,255,.38);
  border-radius:14px;
  box-shadow:
    0 36px 96px rgba(0,0,0,.52),
    0 10px 28px rgba(0,0,0,.28),
    0 1px 2px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.2);
  backdrop-filter:blur(30px) saturate(1.18);
}
.app-window::after{
  inset:0;
  border-radius:inherit;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 1px 0 0 rgba(255,255,255,.08),
    inset -1px 0 0 rgba(0,0,0,.12),
    inset 0 -1px 0 rgba(0,0,0,.2);
}
.home-draggable:hover{
  box-shadow:
    0 40px 108px rgba(0,0,0,.57),
    0 12px 30px rgba(0,0,0,.3),
    0 0 0 1px rgba(255,255,255,.13),
    inset 0 1px 0 rgba(255,255,255,.2);
}
.home-draggable.is-dragging{
  filter:brightness(1.025);
  box-shadow:
    0 52px 126px rgba(0,0,0,.68),
    0 16px 36px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.18);
}
.home-draggable.is-window-focused{
  border-color:rgba(255,255,255,.54);
  box-shadow:
    0 50px 130px rgba(0,0,0,.7),
    0 12px 34px rgba(0,0,0,.36),
    0 0 0 1px rgba(143,160,255,.18);
}

.window-bar,.window-bar-dark,.paper-window .window-bar,.director-window .window-bar,.work-index .window-bar{
  height:38px;
  padding:0 13px;
  border-bottom:1px solid rgba(20,22,29,.2);
  background:
    linear-gradient(180deg,rgba(255,255,255,.97),rgba(244,244,240,.94) 46%,rgba(226,227,224,.93));
  color:#17191f;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(255,255,255,.26),
    0 1px 5px rgba(0,0,0,.08);
  backdrop-filter:blur(28px) saturate(1.45);
  font-size:12px;
  font-weight:700;
}
.window-bar>span:first-child,.window-bar.has-controls>span:first-of-type{
  max-width:56%;
  color:#25272d;
  text-shadow:0 1px 0 rgba(255,255,255,.66);
}
.window-bar>span:last-child,.window-bar .window-status{
  color:#63666f;
  opacity:.9;
}
.window-controls{gap:7px}
.window-control{width:11px;height:18px}
.window-control span{
  width:10px;
  height:10px;
  border:1px solid rgba(0,0,0,.17);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 1px 1px rgba(0,0,0,.12);
}
.window-control:hover span,.window-control:focus-visible span{
  filter:saturate(1.08) brightness(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 0 2px rgba(0,0,0,.08),
    0 1px 2px rgba(0,0,0,.14);
}
.window-bar::before{
  width:34px;
  height:10px;
  flex:0 0 34px;
  border:0;
  border-radius:0;
  background:
    radial-gradient(circle at 5px 50%,#ff5f57 0 4px,rgba(0,0,0,.18) 4.25px 4.75px,transparent 5px),
    radial-gradient(circle at 17px 50%,#febc2e 0 4px,rgba(0,0,0,.18) 4.25px 4.75px,transparent 5px),
    radial-gradient(circle at 29px 50%,#28c840 0 4px,rgba(0,0,0,.18) 4.25px 4.75px,transparent 5px);
  box-shadow:none;
}
.window-close{
  border:1px solid rgba(16,18,24,.12);
  border-radius:7px;
  background:rgba(255,255,255,.3);
  padding:6px 9px;
  color:#4d5058;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}
.window-close:hover,.window-close:focus-visible{
  border-color:rgba(16,18,24,.2);
  background:rgba(26,29,37,.1);
  color:#111319;
}
.window-content,.master-content,.missing-signal,.transmission-content{height:calc(100% - 38px)}
.home-draggable.is-window-collapsed{height:38px!important;min-height:38px!important}

.glass-dock{
  isolation:isolate;
  overflow:hidden;
  gap:4px;
  bottom:max(18px,env(safe-area-inset-bottom));
  border:1px solid rgba(245,247,255,.36);
  border-radius:25px;
  background:
    linear-gradient(180deg,rgba(190,199,222,.22),rgba(73,80,100,.18) 44%,rgba(16,19,27,.42)),
    rgba(19,22,31,.38);
  padding:6px;
  box-shadow:
    0 28px 72px rgba(0,0,0,.5),
    0 7px 20px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(0,0,0,.28),
    inset 1px 0 0 rgba(255,255,255,.12),
    inset -1px 0 0 rgba(255,255,255,.08);
  backdrop-filter:blur(38px) saturate(1.72) contrast(1.04);
}
.glass-dock::before{
  content:"";
  position:absolute;
  z-index:0;
  left:3px;
  right:3px;
  top:2px;
  height:48%;
  border-radius:21px 21px 12px 12px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.045));
  pointer-events:none;
}
.glass-dock::after{
  content:"";
  position:absolute;
  z-index:0;
  left:10%;
  right:10%;
  bottom:2px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  pointer-events:none;
}
.glass-dock button{
  z-index:1;
  min-height:40px;
  border:1px solid transparent;
  border-radius:17px;
  padding:10px 15px;
  color:rgba(245,247,255,.78);
  background:transparent;
  text-shadow:0 1px 2px rgba(0,0,0,.42);
  transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.glass-dock button:hover,.glass-dock button:focus-visible{
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));
  color:#fff;
  transform:translateY(-2px) scale(1.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 14px rgba(0,0,0,.13);
}
.glass-dock button[aria-current="page"]{
  border-color:rgba(176,188,255,.28);
  background:
    linear-gradient(180deg,rgba(116,137,255,.42),rgba(53,75,200,.3)),
    rgba(255,255,255,.08);
  color:#fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.3),
    inset 0 -1px 0 rgba(25,40,132,.26),
    0 7px 18px rgba(20,34,119,.22),
    0 0 22px rgba(63,91,255,.12);
}
.dock-dot{background:rgba(235,239,255,.45)}
.glass-dock button[aria-current="page"] .dock-dot{
  background:#fff;
  box-shadow:0 0 8px rgba(191,201,255,.8);
}
.glass-dock .dock-privacy{
  border-left:1px solid rgba(255,255,255,.12);
  color:rgba(224,228,240,.62);
}

@media(max-width:760px){
  .app-window{border-radius:13px}
  .window-bar,.window-bar-dark,.paper-window .window-bar,.director-window .window-bar,.work-index .window-bar{height:34px;padding-inline:11px;font-size:9px}
  .window-bar::before{width:31px;height:9px;flex-basis:31px;background:radial-gradient(circle at 4.5px 50%,#ff5f57 0 3.7px,rgba(0,0,0,.18) 3.9px 4.2px,transparent 4.4px),radial-gradient(circle at 15.5px 50%,#febc2e 0 3.7px,rgba(0,0,0,.18) 3.9px 4.2px,transparent 4.4px),radial-gradient(circle at 26.5px 50%,#28c840 0 3.7px,rgba(0,0,0,.18) 3.9px 4.2px,transparent 4.4px)}
  .window-content,.master-content,.missing-signal,.transmission-content{height:auto}
  .glass-dock{bottom:max(8px,env(safe-area-inset-bottom));border-radius:22px;padding:5px 4px;backdrop-filter:blur(32px) saturate(1.62)}
  .glass-dock button{min-height:39px;border-radius:15px;padding:8px 2px}
}

/* Gate 3.4 — approved clean universe, night windows and milk-glass dock. */
.home-view,.panel-view{
  background:
    radial-gradient(circle at 17% 27%,rgba(44,84,255,.34),transparent 28%),
    radial-gradient(circle at 86% 78%,rgba(238,55,51,.1),transparent 22%),
    linear-gradient(145deg,#121936 0%,#090b15 51%,#030405 100%);
}
.home-planet{opacity:.09;filter:blur(.35px) drop-shadow(0 0 24px rgba(83,108,255,.2))}
.orbit-line{opacity:.22}
.home-brand-ghost{opacity:.26;-webkit-text-stroke:1px rgba(223,228,255,.08);text-shadow:0 0 76px rgba(42,62,186,.12)}

.app-window{
  border-color:rgba(255,255,255,.2);
  border-radius:13px;
  box-shadow:0 42px 110px rgba(0,0,0,.58),0 8px 24px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(18px) saturate(1.06);
}
.app-window::after{box-shadow:inset 0 1px rgba(255,255,255,.08),inset 1px 0 rgba(255,255,255,.035),inset -1px 0 rgba(0,0,0,.14),inset 0 -1px rgba(0,0,0,.22)}
.home-draggable:hover{box-shadow:0 46px 118px rgba(0,0,0,.62),0 10px 28px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08)}
.home-draggable.is-dragging{filter:brightness(1.025);box-shadow:0 54px 132px rgba(0,0,0,.7),0 16px 38px rgba(0,0,0,.43)}
.home-draggable.is-window-focused{border-color:rgba(255,255,255,.34);box-shadow:0 54px 132px rgba(0,0,0,.72),0 14px 36px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.09)}

.window-bar,.window-bar-dark,.paper-window .window-bar,.director-window .window-bar,.work-index .window-bar{
  height:42px;
  padding:0 14px;
  border-bottom:1px solid rgba(0,0,0,.72);
  background:linear-gradient(180deg,#3b3c40,#2b2c30);
  color:rgba(239,239,242,.8);
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 1px 5px rgba(0,0,0,.18);
  backdrop-filter:blur(18px) saturate(1.02);
  font-size:10px;
  font-weight:500;
  text-shadow:none;
}
.window-bar>span:first-child,.window-bar.has-controls>span:first-of-type{color:rgba(239,239,242,.8);text-shadow:none}
.window-bar>span:last-child,.window-bar .window-status{color:rgba(230,231,236,.5);opacity:1}
.window-bar::before{
  width:34px;
  height:10px;
  flex-basis:34px;
  background:
    radial-gradient(circle at 5px 50%,#ff5f57 0 4px,rgba(0,0,0,.18) 4.25px 4.75px,transparent 5px),
    radial-gradient(circle at 17px 50%,#febc2e 0 4px,rgba(0,0,0,.18) 4.25px 4.75px,transparent 5px),
    radial-gradient(circle at 29px 50%,#28c840 0 4px,rgba(0,0,0,.18) 4.25px 4.75px,transparent 5px);
}
.window-close{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:rgba(239,239,242,.7);
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.window-close:hover,.window-close:focus-visible{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.11);color:#fff}
.window-content,.master-content,.missing-signal,.transmission-content{height:calc(100% - 42px)}
.home-draggable.is-window-collapsed{height:42px!important;min-height:42px!important}

.glass-dock{
  isolation:isolate;
  overflow:visible;
  gap:0;
  width:max-content;
  bottom:max(18px,env(safe-area-inset-bottom));
  border:1px solid rgba(255,255,255,.28);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.055)),rgba(255,255,255,.045);
  padding:7px 9px 6px;
  box-shadow:0 10px 30px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(255,255,255,.055);
  backdrop-filter:blur(26px) saturate(.72) brightness(1.13);
}
.glass-dock::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  height:auto;
  border-radius:17px;
  background:linear-gradient(108deg,transparent 24%,rgba(255,255,255,.035) 37%,rgba(255,255,255,.19) 48%,rgba(255,255,255,.035) 60%,transparent 72%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%);
  opacity:.72;
  pointer-events:none;
}
.glass-dock::after{content:none}
.glass-dock button{
  z-index:1;
  min-width:76px;
  min-height:55px;
  display:grid;
  grid-template-rows:1fr 7px;
  place-items:center;
  gap:1px;
  border:0;
  border-radius:0;
  padding:7px 12px 3px;
  color:rgba(250,251,255,.76);
  background:transparent;
  font-family:var(--font-main);
  font-size:13px;
  font-weight:500;
  line-height:1;
  letter-spacing:.012em;
  text-shadow:0 1px 4px rgba(0,0,0,.56);
  transform-origin:center bottom;
  transition:transform .2s cubic-bezier(.18,.82,.22,1),color .18s ease;
}
.glass-dock button:hover,.glass-dock button:focus-visible{
  border:0;
  background:transparent;
  color:#fff;
  transform:translateY(-7px) scale(1.08);
  box-shadow:none;
}
.glass-dock button:focus-visible{outline:1px solid rgba(255,255,255,.65);outline-offset:-5px;border-radius:9px}
.glass-dock button:has(+ button:hover),.glass-dock button:hover+button{transform:translateY(-2px) scale(1.025)}
.glass-dock button[aria-current="page"]{border:0;background:transparent;color:#fff;box-shadow:none}
.dock-label{display:block}
.dock-dot{display:block;width:4px;height:4px;margin:0;border-radius:50%;background:transparent;box-shadow:none}
.glass-dock button[aria-current="page"] .dock-dot{background:#f8f9ff;box-shadow:0 0 7px rgba(181,195,255,.9)}

@media(max-width:760px){
  .window-bar,.window-bar-dark,.paper-window .window-bar,.director-window .window-bar,.work-index .window-bar{height:36px;padding-inline:11px;font-size:9px}
  .window-content,.master-content,.missing-signal,.transmission-content{height:auto}
  .home-draggable.is-window-collapsed{height:36px!important;min-height:36px!important}
  .glass-dock{width:calc(100vw - 16px);bottom:max(8px,env(safe-area-inset-bottom));justify-content:center;border-radius:16px;padding:5px 4px;backdrop-filter:blur(24px) saturate(.72) brightness(1.12)}
  .glass-dock::before{border-radius:15px}
  .glass-dock button{flex:1;min-width:0;min-height:48px;padding:6px 2px 2px;font-size:9px;letter-spacing:.005em}
  .glass-dock button:hover,.glass-dock button:focus-visible{transform:translateY(-4px) scale(1.04)}
}

/* Gate 3.5 — four-window home and Gary's floor-manager desk. */
.master-window{
  left:1%;
  top:1%;
  width:49%;
  height:59%;
  background:rgba(245,244,239,.975);
  border-color:rgba(255,255,255,.48);
}
.master-content{
  height:calc(100% - 42px);
  display:grid;
  grid-template-columns:minmax(190px,.86fr) 1.14fr;
  grid-template-rows:1fr;
  align-items:stretch;
  gap:clamp(18px,2.3vw,34px);
  padding:clamp(18px,2vw,30px);
  color:#0b0d12;
}
.master-content img{
  grid-row:auto;
  align-self:stretch;
  width:100%;
  height:100%;
  min-height:0;
  border:1px solid rgba(21,26,45,.1);
  border-radius:9px;
  background:#fff;
  object-fit:cover;
  object-position:center;
  filter:none;
}
.master-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.master-copy .eyebrow{margin-bottom:clamp(9px,1.1vw,15px);color:#354cc7}
.master-copy h1{
  margin:0 0 clamp(12px,1.45vw,20px);
  color:#0b0d12;
  font-family:var(--font-main);
  font-size:clamp(27px,2.7vw,45px);
  font-weight:850;
  line-height:.9;
  letter-spacing:-.06em;
}
.master-copy>p:not(.eyebrow):not(.location-line){
  max-width:36ch;
  margin:0 0 14px;
  color:#3d414b;
  font-size:clamp(14px,1.2vw,19px);
  font-weight:500;
  line-height:1.2;
}
.master-copy .location-line{margin:0 0 clamp(13px,1.5vw,20px);color:#354cc7!important}
.master-copy .text-link{align-self:flex-start;justify-self:auto;padding:10px 12px}

.work-preview-window{left:auto;right:1%;top:5%;bottom:auto;width:49%;height:61%;background:#05060a}
.transmission-window{left:9%;right:auto;bottom:0;width:42%;height:28%}
.gary-window{right:6%;bottom:0;width:32%;height:35%;background:rgba(8,10,16,.94)}
.gary-window-content{
  position:relative;
  height:calc(100% - 42px);
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:10px;
  padding:12px;
  background:radial-gradient(circle at 50% 80%,rgba(64,82,178,.2),transparent 50%),linear-gradient(155deg,rgba(22,25,34,.98),rgba(8,10,15,.98));
}
.gary-desk-stage{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(177,188,236,.17);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}
.gary-desk-stage::after{content:"";position:absolute;z-index:1;left:9%;right:9%;bottom:15px;height:1px;background:linear-gradient(90deg,transparent,rgba(179,189,231,.25),transparent);pointer-events:none}
.gary-desk-note{position:absolute;z-index:2;inset:0;display:grid;place-items:center;margin:0;padding:18px;color:#9da7d7;font-family:var(--font-pixel);font-size:clamp(5px,.5vw,7px);line-height:1.8;text-align:center}
.gary-desk-toggle{
  min-height:39px;
  border:1px solid rgba(153,166,232,.38);
  border-radius:8px;
  background:rgba(69,89,199,.2);
  padding:10px 12px;
  color:#f4f5ff;
  font-family:var(--font-pixel);
  font-size:5px;
  line-height:1.45;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 3px 0 rgba(0,0,0,.34);
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.gary-desk-toggle:hover,.gary-desk-toggle:focus-visible{transform:translateY(-1px);border-color:rgba(217,223,255,.7);background:rgba(69,89,199,.42)}
.gary-window.is-gary-away .gary-desk-stage{background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 9px,rgba(255,255,255,.006) 9px 18px),rgba(7,9,14,.8)}
.character-canvas.is-at-desk{
  position:absolute!important;
  z-index:3;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:-2px!important;
  width:clamp(82px,7vw,110px);
  height:auto;
  transform:translateX(-50%)!important;
  opacity:1;
}
.character-canvas.is-on-floor{position:fixed}

@media(max-width:1100px){
  .master-window{width:51%}.work-preview-window{width:51%;height:60%}.transmission-window{left:5%;width:47%}.gary-window{right:3%;width:38%}
  .master-content{grid-template-columns:minmax(155px,.8fr) 1.2fr;gap:16px;padding:16px}.master-copy h1{font-size:clamp(25px,2.55vw,36px)}
  .transmission-content{grid-template-columns:auto 1fr;gap:10px}.transmission-content .text-link{grid-column:1/-1;justify-self:start}.transmission-content p{display:none}
}

@media(max-width:760px){
  .master-window{order:1}.work-preview-window{order:2}.transmission-window{order:3}.gary-window{order:4}
  .master-content{min-height:520px;grid-template-columns:1fr;grid-template-rows:220px auto;gap:18px;padding:18px}
  .master-content img{width:100%;height:220px;object-fit:cover}.master-copy h1{font-size:37px}.master-copy>p:not(.eyebrow):not(.location-line){font-size:18px;line-height:1.3}
  .work-preview-window .missing-signal{height:44vh;min-height:300px}
  .transmission-content{min-height:170px;grid-template-columns:auto 1fr}.transmission-content p{display:block}.transmission-content .text-link{grid-column:1/-1}
  .gary-window-content{height:auto;min-height:310px;grid-template-rows:235px auto;padding:12px}
  .character-canvas.is-at-desk{width:118px}
}

/* Gate 3.6 — high-resolution Gary desk pose and window-matched dialogue. */
.gary-desk-stage{display:grid;place-items:center;padding:4px 8px 0}
.gary-desk-stage::after{content:none}
.gary-desk-sprite{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  image-rendering:auto;
  filter:drop-shadow(0 7px 6px rgba(0,0,0,.32));
}
.gary-window.is-gary-away .gary-desk-sprite{display:none}
.gary-desk-note[hidden]{display:none}
.character-canvas{image-rendering:auto}
.character-canvas.is-at-desk{display:none!important}

.speech{
  border:1px solid rgba(255,255,255,.28);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(67,69,75,.98),rgba(42,44,50,.98));
  padding:10px 12px;
  color:#f5f6fa;
  box-shadow:0 14px 34px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(18px) saturate(1.05);
}
.speech::before{
  background:#33353b;
  border-bottom-color:rgba(255,255,255,.28);
  border-left-color:rgba(255,255,255,.28);
}
.speech p{
  color:#f5f6fa;
  font-family:var(--font-main);
  font-size:13px;
  font-weight:600;
  line-height:1.28;
  letter-spacing:0;
}

@media(max-width:760px){
  .gary-desk-sprite{max-height:225px}
  .speech{padding:9px 10px}.speech p{font-size:12px;line-height:1.3}
}

/* Gate 3.8 — deterministic Gary desk rendering. */
.gary-desk-sprite{display:none!important}
.gary-desk-stage{background-color:#11141c}

/* Gate 4.2 — approved black star-field foundation. */
.home-view{background:#000}
.home-planet,.orbit-line,.home-brand-ghost,.signal-ui,.home-footer,.vhs-overlay,.noise{display:none!important}
.star-panel-view{background:#000}
.star-panel-view .panel-universe{z-index:1;overflow:hidden;opacity:1;background:none}
.star-panel-view .panel-universe::after{content:none}
.star-panel-view .utility-window{z-index:3}
.site-top-wordmark{
  position:fixed;
  z-index:850;
  top:8px;
  left:50%;
  display:none;
  align-items:center;
  gap:clamp(5px,.6vw,10px);
  transform:translateX(-50%);
  pointer-events:none;
  user-select:none;
}
.site-top-wordmark img{width:clamp(155px,13.5vw,220px);height:auto}
body[data-view="home"] .site-top-wordmark,
body[data-view="about"] .site-top-wordmark,
body[data-view="socials"] .site-top-wordmark,
body[data-view="contact"] .site-top-wordmark{display:flex}

.app-window::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:42px 0 0;
  pointer-events:none;
  border-radius:0 0 13px 13px;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,rgba(0,0,0,.018) 1px 3px,transparent 3px 5px);
  opacity:.55;
  mix-blend-mode:soft-light;
}

@media(max-width:760px){
  .app-window::before{inset:36px 0 0}
  .site-top-wordmark{top:9px;gap:6px}
  .site-top-wordmark img{width:min(42vw,155px)}
}

/* Gate 4.5 — approved universal Mother-style window frame. */
.app-window{
  border:0;
  border-radius:7px;
  box-shadow:0 38px 104px rgba(0,0,0,.58),0 9px 26px rgba(0,0,0,.36);
}
.app-window::after{content:none}
.home-draggable:hover{box-shadow:0 43px 114px rgba(0,0,0,.62),0 11px 29px rgba(0,0,0,.4)}
.home-draggable.is-dragging{box-shadow:0 52px 126px rgba(0,0,0,.7),0 16px 36px rgba(0,0,0,.43)}
.home-draggable.is-window-focused{border:0;box-shadow:0 52px 128px rgba(0,0,0,.72),0 14px 34px rgba(0,0,0,.42)}

.window-bar,
.window-bar-dark,
.paper-window .window-bar,
.director-window .window-bar,
.work-index .window-bar{
  height:30px;
  padding:0 10px;
  border:0;
  background:#f3f3f1;
  color:#111318;
  box-shadow:none;
  backdrop-filter:none;
  font-size:10px;
  font-weight:600;
  text-shadow:none;
}
.window-bar>span:first-child,
.window-bar.has-controls>span:first-of-type{color:#111318;text-shadow:none}
.window-bar>span:last-child,
.window-bar .window-status,
.window-bar .rec-status{color:#34363c;opacity:1}
.window-close{
  border:0;
  border-radius:4px;
  background:transparent;
  padding:5px 7px;
  color:#34363c;
  box-shadow:none;
}
.window-close:hover,.window-close:focus-visible{border:0;background:rgba(0,0,0,.08);color:#08090b}

.window-content,
.master-content,
.missing-signal,
.transmission-content,
.work-index-content,
.gary-window-content{height:calc(100% - 30px)}
.utility-window .window-bar,.work-index .window-bar{flex:0 0 30px}
.home-draggable.is-window-collapsed{height:30px!important;min-height:30px!important}
.app-window::before{inset:30px 0 0;border-radius:0 0 7px 7px}

@media(max-width:760px){
  .app-window{border-radius:7px}
  .window-bar,
  .window-bar-dark,
  .paper-window .window-bar,
  .director-window .window-bar,
  .work-index .window-bar{height:30px;padding-inline:9px;font-size:9px}
  .app-window::before{inset:30px 0 0;border-radius:0 0 7px 7px}
}

/* Gate 4.6 — approved night chrome and flat macOS traffic lights. */
.window-bar,
.window-bar-dark,
.paper-window .window-bar,
.director-window .window-bar,
.work-index .window-bar{
  background:#2c2d30;
  color:#f1f1f2;
  font-family:"Publica Sans","Futura","Helvetica Neue",Arial,sans-serif;
  font-weight:400;
  letter-spacing:0;
}
.window-bar>span:first-child,
.window-bar.has-controls>span:first-of-type,
.window-bar.has-static-controls>span:first-of-type{color:#f1f1f2;text-shadow:none}
.window-bar.has-static-controls>span:first-of-type{
  position:absolute;
  left:50%;
  max-width:56%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  transform:translateX(-50%);
  text-align:center;
}
.window-bar>span:last-child,
.window-bar .window-status,
.window-bar .rec-status{color:#c8c8ca;font-family:"Publica Sans","Futura","Helvetica Neue",Arial,sans-serif;font-weight:400}
.window-bar::before{
  width:52px;
  height:12px;
  flex:0 0 52px;
  border:0;
  background:
    radial-gradient(circle at 6px 50%,#ff5f57 0 6px,transparent 6.2px),
    radial-gradient(circle at 26px 50%,#febc2e 0 6px,transparent 6.2px),
    radial-gradient(circle at 46px 50%,#28c840 0 6px,transparent 6.2px);
  box-shadow:none;
}
.window-bar.has-controls::before,.window-bar.has-static-controls::before{display:none}
.window-controls{gap:8px}
.window-controls-static{pointer-events:auto}
.window-controls-static .window-control{pointer-events:none}
.window-control{width:12px;height:16px}
.window-control span{
  position:relative;
  width:12px;
  height:12px;
  overflow:hidden;
  border:0;
  border-radius:50%;
  background:#ff5f57;
  box-shadow:none;
  filter:none;
}
.window-control-collapse span{background:#febc2e}
.window-control-focus span{background:#28c840}
.window-control:hover span,.window-control:focus-visible span{box-shadow:none;filter:none}
.window-control span::before,.window-control span::after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  opacity:0;
  transform-origin:center;
}
.window-controls:hover .window-control span::before,
.window-controls:hover .window-control span::after,
.window-control:focus-visible span::before,
.window-control:focus-visible span::after{opacity:1}
.window-control-close span::before,.window-control-close span::after{width:7px;height:1.5px;border-radius:1px;background:#851f25}
.window-control-close span::before{transform:translate(-50%,-50%) rotate(45deg)}
.window-control-close span::after{transform:translate(-50%,-50%) rotate(-45deg)}
.window-control-collapse span::before{width:7px;height:1.5px;border-radius:1px;background:#8b6308;transform:translate(-50%,-50%)}
.window-control-collapse span::after{display:none}
.window-control-focus span::before,.window-control-focus span::after{width:4px;height:4px;background:#087b2c}
.window-control-focus span::before{clip-path:polygon(0 0,100% 0,0 100%);transform:translate(-4px,-4px)}
.window-control-focus span::after{clip-path:polygon(100% 100%,0 100%,100% 0);transform:translate(0,0)}
.window-status i{box-shadow:none}
.window-close{color:#dedee0;font-family:"Publica Sans","Futura","Helvetica Neue",Arial,sans-serif;font-weight:400}
.window-close:hover,.window-close:focus-visible{background:rgba(255,255,255,.09);color:#fff}

/* Gate 4.7 — smaller traffic lights, true title centering, clean chrome corners. */
.app-window{
  overflow:hidden;
}
.window-bar,
.window-bar-dark,
.paper-window .window-bar,
.director-window .window-bar,
.work-index .window-bar{
  overflow:hidden;
  border-radius:7px 7px 0 0;
  background-clip:padding-box;
}
.window-bar>span:first-of-type,
.window-bar.has-controls>span:first-of-type,
.window-bar.has-static-controls>span:first-of-type{
  position:absolute;
  top:50%;
  left:50%;
  display:flex;
  width:max-content;
  max-width:58%;
  height:100%;
  align-items:center;
  justify-content:center;
  margin:0;
  overflow:hidden;
  transform:translate(-50%,-50%);
  line-height:1;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.window-controls{gap:6px}
.window-control{width:8.5px;height:16px}
.window-control span{
  width:8.5px;
  height:8.5px;
}
.window-control-close span::before,
.window-control-close span::after{width:5px;height:1px}
.window-control-collapse span::before{width:5px;height:1px}
.window-control-focus span::before,
.window-control-focus span::after{width:3px;height:3px}
.window-control-focus span::before{transform:translate(-3px,-3px)}
.window-bar::before{
  width:37px;
  height:9px;
  flex:0 0 37px;
  background:
    radial-gradient(circle at 4.25px 50%,#ff5f57 0 4.25px,transparent 4.4px),
    radial-gradient(circle at 18.5px 50%,#febc2e 0 4.25px,transparent 4.4px),
    radial-gradient(circle at 32.75px 50%,#28c840 0 4.25px,transparent 4.4px);
}

@media(max-width:760px){
  .window-bar.has-controls::before,
  .window-bar.has-static-controls::before{display:block}
}

/* Gate 4.8 — decorative traffic lights only and artifact-free window clipping. */
.app-window{
  overflow:hidden;
  background-clip:padding-box;
  isolation:isolate;
}
.window-bar,
.window-bar-dark,
.paper-window .window-bar,
.director-window .window-bar,
.work-index .window-bar{
  border-radius:0;
}
.window-controls,
.window-controls:hover{pointer-events:none}
.window-control span::before,
.window-control span::after,
.window-controls:hover .window-control span::before,
.window-controls:hover .window-control span::after,
.window-control:focus-visible span::before,
.window-control:focus-visible span::after{
  content:none;
  display:none;
}
.master-window{
  background:#f5f4ef;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.master-content{background:#f5f4ef}

/* Gate 4.9 — no traffic lights, correct logo stacking, one clean clipping edge. */
.window-controls{display:none!important}
.window-bar::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  flex:0 0 0!important;
  background:none!important;
}

.site-top-wordmark{
  z-index:8;
  display:flex;
}
.home-desktop,
.star-panel-view .utility-window{z-index:10}

.app-window{
  --window-edge-radius:7px;
  contain:paint;
  isolation:isolate;
  overflow:hidden;
  border:0;
  border-radius:var(--window-edge-radius);
  outline:0;
  background-clip:padding-box;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.app-window::after{content:none!important}
.window-bar,
.window-bar-dark,
.paper-window .window-bar,
.director-window .window-bar,
.work-index .window-bar{
  width:100%;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background-clip:padding-box;
}
.app-window::before{
  overflow:hidden;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
}

.master-window,
.utility-window,
.work-index{
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.master-content,
.utility-content,
.privacy-content,
.work-index-content{
  width:100%;
  margin:0;
  border-radius:0;
  background-clip:padding-box;
}
.master-content{background:#f5f4ef}
.utility-content,
.privacy-content,
.work-index-content{background:var(--paper)}

/* Gate 4.10 — approved wordmark position and shadow-free cutouts. */
.site-top-wordmark{top:24px}

@media(max-width:760px){
  .site-top-wordmark{top:17px}
}

/* Gate 4.11 — approved Asset 1 mark in the existing top-logo position. */
.site-top-wordmark img.site-top-mark{
  width:auto;
  height:clamp(27px,2.15vw,35px);
  max-width:none;
}

@media(max-width:760px){
  .site-top-wordmark img.site-top-mark{width:auto;height:26px}
}

/* Gate 4.12 — 4:3 house-commercial broadcast with a continuous Gary ticker. */
.work-preview-window.studio-broadcast-window{
  left:auto;
  right:1%;
  top:5%;
  bottom:auto;
  width:42%;
  height:auto;
  background:#050505;
}

.studio-broadcast-content{
  position:relative;
  width:100%;
  height:auto;
  overflow:hidden;
  background:#050505;
}

.tv-error-signal{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#050505;
  filter:contrast(1.04) saturate(.92);
  animation:tvSignalDrop 6.8s steps(1,end) infinite;
}

.tv-color-bars{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    #bebebe 0 14.285%,
    #bebd18 14.285% 28.57%,
    #18bebe 28.57% 42.855%,
    #18bd18 42.855% 57.14%,
    #be18bd 57.14% 71.425%,
    #bd1818 71.425% 85.71%,
    #1818bd 85.71% 100%);
}

.tv-color-bars::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:25%;
  height:9%;
  background:linear-gradient(90deg,
    #1818bd 0 14.285%,
    #111 14.285% 28.57%,
    #be18bd 28.57% 42.855%,
    #111 42.855% 57.14%,
    #18bebe 57.14% 71.425%,
    #111 71.425% 85.71%,
    #bebebe 85.71% 100%);
}

.tv-color-bars::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:25%;
  background:linear-gradient(90deg,
    #071f49 0 20%,
    #fff 20% 34%,
    #281041 34% 48%,
    #111 48% 66%,
    #090909 66% 72%,
    #171717 72% 78%,
    #090909 78% 100%);
}

.tv-signal-noise{
  position:absolute;
  z-index:2;
  inset:-8%;
  opacity:.25;
  background:
    repeating-linear-gradient(to bottom,rgba(255,255,255,.14) 0 1px,transparent 1px 4px),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='broadcastNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23broadcastNoise)'/%3E%3C/svg%3E");
  mix-blend-mode:screen;
  animation:tvNoiseShift .22s steps(2,end) infinite;
  pointer-events:none;
}

.tv-signal-noise::after{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  top:12%;
  height:7%;
  background:rgba(255,255,255,.24);
  box-shadow:0 1px 0 rgba(0,0,0,.7),0 -1px 0 rgba(255,255,255,.22);
  opacity:0;
  animation:tvTrackingTear 4.9s steps(1,end) infinite;
}

.tv-standby-copy{
  position:absolute;
  z-index:3;
  left:50%;
  top:49%;
  display:grid;
  justify-items:center;
  gap:9px;
  width:min(76%,360px);
  transform:translate(-50%,-50%);
  border:2px solid rgba(255,255,255,.9);
  background:rgba(4,4,7,.88);
  padding:clamp(14px,2vw,24px);
  color:#fff;
  text-align:center;
  box-shadow:7px 7px 0 rgba(0,0,0,.4);
}

.tv-standby-copy small,
.tv-standby-copy strong,
.tv-standby-copy b{
  font-family:var(--font-pixel);
  font-style:normal;
}
.tv-standby-copy small{font-size:clamp(4px,.42vw,6px);line-height:1.65}
.tv-standby-copy strong{font-size:clamp(12px,1.55vw,24px);line-height:1.35}
.tv-standby-copy b{color:#ffde59;font-size:clamp(4px,.46vw,7px);font-weight:400}

.gary-service-ticker{
  position:relative;
  z-index:6;
  height:36px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#ffde59;
  color:#080808;
  text-decoration:none;
  white-space:nowrap;
}

.gary-service-ticker-track{
  display:flex;
  width:max-content;
  min-width:max-content;
  animation:garyTicker 21s linear infinite;
}

.gary-service-ticker-track b{
  display:block;
  padding-right:70px;
  font-family:var(--font-pixel);
  font-size:6px;
  font-weight:400;
  line-height:1;
}

.gary-service-ticker:hover .gary-service-ticker-track,
.gary-service-ticker:focus-visible .gary-service-ticker-track{animation-play-state:paused}

@keyframes tvNoiseShift{
  0%{transform:translate3d(-1.5%,1%,0)}
  50%{transform:translate3d(1.5%,-1%,0)}
  100%{transform:translate3d(-.5%,1.5%,0)}
}

@keyframes tvTrackingTear{
  0%,70%,100%{top:12%;opacity:0;transform:translateX(0)}
  71%{top:28%;opacity:.58;transform:translateX(-3%)}
  73%{top:61%;opacity:.36;transform:translateX(4%)}
  75%{top:82%;opacity:0;transform:translateX(0)}
}

@keyframes tvSignalDrop{
  0%,64%,68%,92%,96%,100%{transform:translateX(0);filter:contrast(1.04) saturate(.92)}
  65%{transform:translateX(-2px);filter:contrast(1.2) saturate(.3)}
  66%{transform:translateX(3px);filter:contrast(1.15) saturate(1.25)}
  93%{transform:translateX(1px);filter:contrast(1.3) saturate(0)}
  94%{transform:translateX(-1px);filter:contrast(1.02) saturate(.92)}
}

@keyframes garyTicker{to{transform:translateX(-50%)}}

@media(max-width:1100px){
  .work-preview-window.studio-broadcast-window{width:43%;height:auto}
}

@media(max-width:760px){
  .work-preview-window.studio-broadcast-window{width:100%!important;height:auto!important}
  .work-preview-window.studio-broadcast-window .studio-broadcast-content{height:auto}
  .gary-service-ticker{height:34px}
  .gary-service-ticker-track b{font-size:5px;padding-right:48px}
}

@media(prefers-reduced-motion:reduce){
  .tv-error-signal,
  .tv-signal-noise,
  .tv-signal-noise::after,
  .gary-service-ticker-track{animation:none!important}
  .gary-service-ticker-track b[aria-hidden="true"]{display:none}
}

/* Gate 4.13 — broadcast window uses the shared chrome at 65% desktop scale. */
.work-preview-window.studio-broadcast-window{
  --window-edge-radius:7px;
  width:27.3%;
  border:0;
  border-radius:var(--window-edge-radius);
  overflow:hidden;
  contain:paint;
  isolation:isolate;
  background:transparent;
  box-shadow:0 38px 104px rgba(0,0,0,.58),0 9px 26px rgba(0,0,0,.36);
}

.studio-broadcast-window .window-bar{
  flex:0 0 30px;
  width:100%;
  height:30px;
  margin:0;
  border:0;
  border-radius:0;
  background:#2c2d30;
  color:#f1f1f2;
  box-shadow:none;
}

.studio-broadcast-window .studio-broadcast-content{
  width:100%;
  margin:0;
  border:0;
  border-radius:0;
}

@media(max-width:1100px){
  .work-preview-window.studio-broadcast-window{width:28%;height:auto}
}

@media(max-width:760px){
  .work-preview-window.studio-broadcast-window{width:100%!important;height:auto!important}
}

/* Gate 4.14 — explicit inner corner clipping for the composited broadcast layers. */
.studio-broadcast-window .window-bar{
  border-radius:var(--window-edge-radius) var(--window-edge-radius) 0 0;
}

.studio-broadcast-window .studio-broadcast-content{
  overflow:hidden;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
}

.studio-broadcast-window .gary-service-ticker{
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
}

/* Gate 4.15 — clean broadcast typography and an understated contact crawl. */
.studio-broadcast-window::before{content:none!important;display:none!important}

.studio-broadcast-window,
.studio-broadcast-window .window-bar,
.studio-broadcast-window .tv-standby-copy,
.studio-broadcast-window .gary-service-ticker{
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
}

.studio-broadcast-window .tv-error-signal{
  animation:none;
  filter:none;
}

.studio-broadcast-window .tv-signal-noise{display:none!important}

.studio-broadcast-window .tv-standby-copy{
  gap:7px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:2px;
  background:rgba(5,6,8,.9);
  padding:clamp(13px,1.7vw,21px);
  box-shadow:none;
}

.studio-broadcast-window .tv-standby-copy small,
.studio-broadcast-window .tv-standby-copy strong,
.studio-broadcast-window .tv-standby-copy b{
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  letter-spacing:-.02em;
}
.studio-broadcast-window .tv-standby-copy small{
  font-size:clamp(7px,.58vw,10px);
  font-weight:600;
  line-height:1.25;
  letter-spacing:.035em;
}
.studio-broadcast-window .tv-standby-copy strong{
  font-size:clamp(22px,2.2vw,38px);
  font-weight:800;
  line-height:.88;
  letter-spacing:-.055em;
}
.studio-broadcast-window .tv-standby-copy b{
  color:#f3f1ea;
  font-size:clamp(8px,.62vw,11px);
  font-weight:600;
  letter-spacing:.02em;
}

.studio-broadcast-window .gary-service-ticker{
  height:32px;
  border:0;
  border-top:1px solid rgba(15,17,22,.16);
  background:#f3f1ea;
  padding:0;
  color:#111318;
  text-align:left;
  box-shadow:none;
}

.studio-broadcast-window .gary-service-ticker-track{
  animation-duration:25s;
}

.studio-broadcast-window .gary-service-ticker-track b{
  padding-right:58px;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.015em;
}

@media(max-width:760px){
  .studio-broadcast-window .gary-service-ticker{height:32px}
  .studio-broadcast-window .gary-service-ticker-track b{padding-right:44px;font-size:9px}
}

/* Gate 4.16 — keep commercial footage clean; broadcast texture lives in the station break. */
.studio-broadcast-window .tv-error-signal::after{
  content:none;
  display:none;
}

.studio-broadcast-window .gary-service-ticker{
  cursor:default;
  user-select:none;
  -webkit-user-select:none;
}

.studio-broadcast-window .gary-service-ticker-track,
.studio-broadcast-window .gary-service-ticker:hover .gary-service-ticker-track{
  animation-play-state:running!important;
}

/* Gate 4.17 — one Public Sans chrome voice across every site window. */
.window-bar,
.window-bar-dark,
.paper-window .window-bar,
.director-window .window-bar,
.work-index .window-bar,
.window-bar>span:first-of-type,
.window-bar>span:last-child,
.window-bar .window-status,
.window-bar .rec-status,
.window-close{
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
}

/* Gate 4.18 — Gary's clean Employee 022 card. */
.gary-window{
  background:#dceeff;
}

.gary-window-content{
  position:relative;
  height:calc(100% - 30px);
  display:block;
  padding:0;
  background:#dceeff;
}

.gary-desk-stage{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#dceeff;
}

.gary-profile-copy{
  position:relative;
  z-index:4;
  display:flex;
  width:45%;
  height:100%;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(14px,1.4vw,22px) 0 clamp(13px,1.25vw,19px) clamp(15px,1.55vw,24px);
  color:#101319;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
}

.gary-profile-copy small{
  margin:0 0 8px;
  color:#3454d1;
  font-size:clamp(8px,.58vw,10px);
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.gary-profile-copy>strong{
  margin:0;
  color:#0b0d11;
  font-size:clamp(27px,2.55vw,42px);
  font-weight:700;
  line-height:.85;
  letter-spacing:-.055em;
}

.gary-profile-copy>p{
  margin:8px 0 6px;
  color:#20242b;
  font-size:clamp(10px,.78vw,13px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.015em;
}

.gary-profile-copy>span{
  max-width:23ch;
  margin:0;
  color:#515a68;
  font-size:clamp(9px,.7vw,12px);
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.01em;
}

.gary-profile-visual{
  position:absolute;
  z-index:1;
  inset:0 0 0 42%;
  overflow:hidden;
  pointer-events:none;
}

.gary-profile-visual::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.12) 0,
    rgba(255,255,255,.12) 1px,
    rgba(53,84,209,.055) 1px,
    rgba(53,84,209,.055) 3px,
    transparent 3px,
    transparent 5px
  );
  opacity:.44;
  mix-blend-mode:soft-light;
}

.gary-desk-sprite{
  position:absolute;
  z-index:2;
  right:-8%;
  bottom:-13%;
  display:block!important;
  width:116%;
  height:116%;
  object-fit:contain;
  object-position:right bottom;
  image-rendering:auto;
  filter:none;
}

.gary-desk-toggle{
  width:auto;
  min-height:34px;
  margin-top:auto;
  border:0;
  border-radius:999px;
  background:#101319;
  padding:9px 13px;
  color:#fff;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(9px,.67vw,11px);
  font-weight:600;
  line-height:1;
  letter-spacing:0;
  box-shadow:none;
  transition:transform .16s ease,background .16s ease,color .16s ease;
}

.gary-desk-toggle:hover,
.gary-desk-toggle:focus-visible{
  transform:translateY(-1px);
  border:0;
  background:#3454d1;
  color:#fff;
}

.gary-window.is-gary-away .gary-desk-stage{
  background:#dceeff;
}

.gary-window.is-gary-away .gary-desk-sprite{
  display:none!important;
}

.gary-desk-note{
  position:absolute;
  z-index:3;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:0;
  padding:18px;
  color:#3454d1;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  text-align:center;
}

.gary-desk-note strong{
  font-size:clamp(15px,1.3vw,22px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.035em;
}

.gary-desk-note span{
  color:#59687d;
  font-size:clamp(9px,.64vw,11px);
  font-weight:500;
}

.gary-desk-note[hidden]{display:none}

@media(max-width:1100px){
  .gary-profile-copy{width:47%;padding-left:16px}
  .gary-desk-sprite{right:-11%;width:122%;height:122%}
}

@media(max-width:760px){
  .gary-window-content{height:auto;min-height:300px}
  .gary-desk-stage{min-height:300px}
  .gary-profile-copy{width:47%;padding:23px 0 19px 20px}
  .gary-profile-copy>strong{font-size:38px}
  .gary-profile-copy>p{font-size:13px}
  .gary-profile-copy>span{font-size:12px}
  .gary-desk-toggle{min-height:38px;padding:11px 14px;font-size:11px}
  .gary-profile-visual{left:39%}
  .gary-desk-sprite{right:-8%;bottom:-9%;width:112%;height:112%}
}

/* Gate 4.19 — Front Desk scale, occupied/empty states, and floor-wide guide mode. */
.gary-profile-copy>strong{
  text-transform:uppercase;
}

.gary-desk-sprite,
.gary-desk-empty{
  position:absolute;
  z-index:2;
  right:3%;
  bottom:-2%;
  width:81%;
  height:81%;
  object-fit:contain;
  object-position:center bottom;
  image-rendering:auto;
  filter:none;
}

.gary-desk-sprite{display:block!important}
.gary-desk-empty{display:none}
.gary-window.is-gary-away .gary-desk-sprite{display:none!important}
.gary-window.is-gary-away .gary-desk-empty{display:block}

.gary-window.is-gary-away .gary-desk-note{
  inset:8% 4% auto;
  justify-content:flex-start;
  padding:0;
}

body[data-view="about"] .character-canvas.is-on-floor,
body[data-view="news"] .character-canvas.is-on-floor,
body[data-view="socials"] .character-canvas.is-on-floor,
body[data-view="contact"] .character-canvas.is-on-floor,
body[data-view="privacy"] .character-canvas.is-on-floor,
body[data-view="terms"] .character-canvas.is-on-floor{
  opacity:1;
}

@media(max-width:1100px){
  .gary-desk-sprite,
  .gary-desk-empty{right:2%;bottom:-1%;width:81%;height:81%}
}

@media(max-width:760px){
  .gary-desk-sprite,
  .gary-desk-empty{right:2%;bottom:-1%;width:79%;height:79%}
}

/* Gate 4.20 — one visual plane for Front Desk and a clean return sequence. */
.gary-profile-visual::after{
  content:none;
}

.gary-window-content::after{
  content:"";
  position:absolute;
  z-index:8;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.1) 0,
    rgba(255,255,255,.1) 1px,
    rgba(53,84,209,.045) 1px,
    rgba(53,84,209,.045) 3px,
    transparent 3px,
    transparent 5px
  );
  opacity:.38;
  mix-blend-mode:soft-light;
}

.gary-desk-toggle{
  display:inline-flex;
  box-sizing:border-box;
  align-self:flex-start;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 17px;
  line-height:normal;
  text-align:center;
}

/* Gate 4.22 — the Front Desk calls Gary into the interface. */
.gary-window{
  background:#dceeff;
}

.gary-desk-stage{
  background:linear-gradient(112deg,#dceeff 0%,#dceeff 56%,#d6eaff 100%);
}

.gary-profile-copy{
  z-index:5;
  width:58%;
  padding:clamp(16px,1.45vw,23px) 0 clamp(14px,1.3vw,20px) clamp(17px,1.65vw,26px);
}

.gary-profile-copy small{
  margin-bottom:10px;
}

.gary-profile-copy>strong{
  max-width:17ch;
  color:#101319;
  font-size:clamp(17px,1.55vw,26px);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.04em;
  text-transform:none;
}

.gary-profile-copy>p{
  max-width:32ch;
  margin:9px 0 0;
  color:#515a68;
  font-size:clamp(9px,.7vw,12px);
  font-weight:500;
  line-height:1.25;
  letter-spacing:-.01em;
}

.gary-phone-visual{
  position:absolute;
  z-index:2;
  inset:0 0 0 48%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  pointer-events:none;
}

.gary-phone{
  display:block;
  width:72.8%;
  height:72.8%;
  object-fit:contain;
  object-position:center;
  transform:rotate(-1.5deg);
  transform-origin:53% 67%;
  filter:none;
}

.gary-window.is-calling .gary-phone{
  animation:garyPhoneRing .14s ease-in-out 4 alternate;
}

.gary-window.is-gary-away .gary-phone{
  opacity:.72;
}

.gary-desk-toggle:disabled{
  cursor:default;
  transform:none;
  opacity:.72;
}

@keyframes garyPhoneRing{
  from{transform:rotate(-3.4deg) translateX(-1px)}
  to{transform:rotate(.4deg) translateX(1px)}
}

@media(max-width:760px){
  .gary-profile-copy{width:61%;padding:22px 0 20px 20px}
  .gary-profile-copy>strong{font-size:24px}
  .gary-profile-copy>p{font-size:12px}
  .gary-phone-visual{left:50%}
  .gary-phone{width:76.8%;height:76.8%}
}

/* Gate 4.24 — seal the Front Desk chrome inside one clean corner mask. */
.gary-window{
  overflow:hidden;
  border:0;
  outline:0;
  border-radius:var(--window-edge-radius);
  background:#2c2d30;
  background-clip:padding-box;
  box-shadow:0 42px 110px rgba(0,0,0,.58),0 8px 24px rgba(0,0,0,.36);
}

.gary-window:hover,
.gary-window.is-dragging,
.gary-window.is-window-focused{
  border:0;
  outline:0;
  box-shadow:0 46px 118px rgba(0,0,0,.62),0 10px 28px rgba(0,0,0,.4);
}

.gary-window>.window-bar{
  overflow:hidden;
  border-radius:var(--window-edge-radius) var(--window-edge-radius) 0 0;
  background-clip:padding-box;
}

.gary-window-content{
  overflow:hidden;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
  background:#dceeff;
  background-clip:padding-box;
}

/* Gate 4.25 — Gary speaks through borderless smoked glass. */
.speech{
  border:0;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(62,64,70,.6),rgba(31,33,38,.54));
  padding:10px 12px;
  color:#f5f6f8;
  box-shadow:0 14px 36px rgba(0,0,0,.3);
  -webkit-backdrop-filter:blur(24px) saturate(.9);
  backdrop-filter:blur(24px) saturate(.9);
}

.speech::before{
  width:10px;
  height:10px;
  border:0;
  background:rgba(40,42,47,.66);
  box-shadow:none;
}

.speech.side-right::before{
  left:-5px;
  right:auto;
}

.speech.side-left::before{
  right:-5px;
  left:auto;
}

.speech p{
  color:#f5f6f8;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.28;
  letter-spacing:0;
}

@media(max-width:760px){
  .speech p{font-size:13px}
}

/* Gate 4.26 — dock and Gary share the same borderless smoked glass. */
.glass-dock{
  border:0;
  background:linear-gradient(180deg,rgba(62,64,70,.6),rgba(31,33,38,.54));
  box-shadow:0 14px 36px rgba(0,0,0,.3);
  -webkit-backdrop-filter:blur(24px) saturate(.9);
  backdrop-filter:blur(24px) saturate(.9);
}

.glass-dock::before,
.glass-dock::after{
  content:none;
  display:none;
}

.glass-dock button{
  color:rgba(245,246,248,.78);
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-weight:400;
  text-shadow:none;
}

/* Gate 4.27 — vertical left-side dock with a roomier desktop launch layout. */
@media(min-width:761px){
  .glass-dock{
    left:max(18px,env(safe-area-inset-left));
    right:auto;
    top:50%;
    bottom:auto;
    width:auto;
    max-width:none;
    max-height:calc(100svh - 36px);
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    padding:9px 7px 8px;
    transform:translateY(-50%);
  }

  .glass-dock button{
    min-width:82px;
    min-height:60px;
    grid-template-columns:7px minmax(0,1fr) 7px;
    grid-template-rows:1fr;
    column-gap:5px;
    padding:8px 9px;
    text-transform:none;
    transform-origin:left center;
  }

  .glass-dock .dock-label{
    grid-column:2;
    grid-row:1;
    justify-self:center;
  }

  .glass-dock .dock-dot{
    grid-column:1;
    grid-row:1;
    justify-self:center;
    align-self:center;
  }

  .glass-dock button:hover,
  .glass-dock button:focus-visible{
    transform:translateX(7px) scale(1.08);
  }

  .glass-dock button:has(+ button:hover),
  .glass-dock button:hover+button{
    transform:translateX(2px) scale(1.025);
  }

  .master-window{
    left:7%;
    top:5%;
  }

  .work-preview-window.studio-broadcast-window{
    right:2%;
    top:6%;
  }

  .transmission-window{
    left:14%;
    bottom:-70px;
  }

  .gary-window{
    right:6%;
    bottom:-50px;
  }
}

/* Gate 4.30 — Master Signal becomes a timed portrait slideshow. */
@media(min-width:761px){
  .master-window{
    width:calc(41.71svh - 97px);
    height:59%;
    background:#050505;
  }
}

.master-content.master-carousel{
  position:relative;
  display:block;
  width:100%;
  height:calc(100% - 30px);
  min-height:0;
  overflow:hidden;
  padding:0;
  background:#050505;
  color:#fff;
  outline:0;
}

.master-slides,
.master-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.master-slide{
  margin:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .42s ease,visibility 0s linear .42s;
}

.master-slide.is-active{
  z-index:1;
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}

.master-content.master-carousel .master-slide img{
  width:100%;
  height:100%;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:#050505;
  object-fit:cover;
  object-position:center;
  filter:none;
}

.master-progress{
  position:absolute;
  z-index:5;
  top:13px;
  left:13px;
  right:13px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}

.master-progress button{
  position:relative;
  height:4px;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:rgba(5,5,5,.38);
  padding:0;
  box-shadow:0 1px 7px rgba(0,0,0,.2);
}

.master-progress button span{
  position:absolute;
  inset:0;
  display:block;
  border-radius:inherit;
  background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.22);
  transform:scaleX(0);
  transform-origin:left center;
}

.master-progress button.is-complete span{transform:scaleX(1)}
.master-progress button.is-active span{animation:masterSlideProgress 5s linear forwards}

@keyframes masterSlideProgress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

.master-carousel-controls{
  position:absolute;
  z-index:6;
  left:50%;
  right:auto;
  bottom:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:999px;
  background:rgba(5,5,5,.9);
  padding:3px;
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  pointer-events:auto;
  transform:translateX(-50%);
}

.master-carousel-controls::after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:10px;
  bottom:10px;
  width:1px;
  background:rgba(255,255,255,.19);
  transform:translateX(-.5px);
  pointer-events:none;
}

.master-carousel-controls button{
  position:relative;
  z-index:2;
  width:40px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:999px;
  background:transparent;
  padding:0;
  color:#fff;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  box-shadow:none;
  pointer-events:auto;
  transition:transform .16s ease,background .16s ease;
}

.master-carousel-controls button:hover,
.master-carousel-controls button:focus-visible{
  background:rgba(255,255,255,.12);
  transform:none;
}

@media(max-width:760px){
  .master-content.master-carousel{
    height:auto;
    min-height:0;
    aspect-ratio:1587/2245;
  }

  .master-carousel-controls button{
    width:38px;
    height:36px;
  }
}

@media(prefers-reduced-motion:reduce){
  .master-slide{transition:none}
  .master-progress button.is-active span{animation:none;transform:scaleX(1)}
}

/* Gate 4.32 — Studio Manifesto transport adopts the Front Desk pill language. */
.master-frame-status{
  min-width:36px;
  justify-content:flex-end;
  color:rgba(241,241,242,.68)!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}

.master-carousel-controls{
  left:13px;
  right:13px;
  width:auto;
  height:34px;
  justify-content:space-between;
  overflow:visible;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transform:none;
  pointer-events:none;
}

.master-carousel-controls:hover,
.master-carousel-controls:focus-within{
  transform:none;
}

.master-carousel-controls::after{
  content:none;
  display:none;
}

.master-carousel-controls button{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  background:#101319;
  pointer-events:auto;
  transition:transform .16s ease,background .16s ease;
}

.master-carousel-controls button:hover,
.master-carousel-controls button:focus-visible{
  background:#3454d1;
  transform:translateY(-1px);
}

/* Keep every fading image inside one composited rounded mask. */
.master-content.master-carousel{
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
  clip-path:inset(0 0 0 0 round 0 0 var(--window-edge-radius) var(--window-edge-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);
}

.master-slides,
.master-slide,
.master-content.master-carousel .master-slide img{
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
}

.master-slides,
.master-slide{
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);
}

@media(max-width:760px){
  .master-carousel-controls{
    left:13px;
    right:13px;
    width:auto;
    height:38px;
  }

  .master-carousel-controls button{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}

/* Gate 4.37 — Channel 22 becomes the compact studio news desk. */
.transmission-window{
  overflow:hidden;
  border-radius:var(--window-edge-radius);
  background:#2c2d30;
  background-clip:padding-box;
}

.transmission-window::before{
  content:none!important;
  display:none!important;
}

.transmission-window>.window-bar{
  overflow:hidden;
  border-radius:var(--window-edge-radius) var(--window-edge-radius) 0 0;
  background-clip:padding-box;
}

@media(min-width:761px){
  .transmission-window{height:39.2%}
}

.channel-slide-status{
  min-width:36px;
  color:rgba(241,241,242,.68)!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}

.transmission-content.channel-news-carousel{
  position:relative;
  display:block;
  width:100%;
  height:calc(100% - 30px);
  min-height:0;
  overflow:hidden;
  padding:0;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
  background:#f3f1ea;
  color:#101319;
  clip-path:inset(0 0 0 0 round 0 0 var(--window-edge-radius) var(--window-edge-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  outline:0;
  transform:translateZ(0);
}

.channel-news-slides,
.channel-news-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.channel-news-slides{
  overflow:hidden;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
  background:#f3f1ea;
  isolation:isolate;
  transform:translateZ(0);
}

.channel-news-slide{
  display:grid;
  grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr);
  align-items:stretch;
  gap:clamp(12px,1.35vw,22px);
  margin:0;
  padding:32px 18px 64px;
  background:#f3f1ea;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);
  will-change:opacity;
  transition:opacity .42s ease,visibility 0s linear .42s;
}

.channel-news-slide.is-active{
  z-index:1;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}

.channel-office-placeholder{
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  overflow:hidden;
  border-radius:4px;
  background:linear-gradient(145deg,#dceeff,#c8ddf5);
  padding:12px;
  color:#101319;
}

.channel-office-placeholder::after{
  content:"";
  position:absolute;
  right:-18%;
  bottom:-34%;
  width:84%;
  aspect-ratio:1;
  border:1px solid rgba(52,84,209,.3);
  border-radius:50%;
}

.channel-office-placeholder small,
.channel-news-copy>small,
.channel-social-copy>small,
.channel-social-links small{
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(8px,.58vw,10px);
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.channel-office-placeholder small,
.channel-news-copy>small,
.channel-social-copy>small{
  color:#3454d1;
}

.channel-office-placeholder strong{
  position:relative;
  z-index:1;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(13px,1.15vw,20px);
  font-weight:700;
  line-height:.96;
  letter-spacing:-.045em;
}

.channel-news-copy,
.channel-social-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.channel-news-copy>strong,
.channel-social-copy>strong{
  display:block;
  max-width:22ch;
  margin:7px 0 6px;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(17px,1.55vw,26px);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.04em;
}

.channel-news-copy>p,
.channel-social-copy>p{
  max-width:56ch;
  margin:0;
  color:#555a64;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(9px,.7vw,12px);
  font-weight:500;
  line-height:1.25;
  letter-spacing:-.01em;
}

.channel-news-cta{
  min-height:34px;
  margin-top:10px;
  border:0;
  border-radius:999px;
  background:#101319;
  padding:0 17px;
  color:#fff;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(9px,.67vw,11px);
  font-weight:600;
  line-height:normal;
  transition:transform .16s ease,background .16s ease;
}

.channel-news-cta:hover,
.channel-news-cta:focus-visible{
  background:#3454d1;
  transform:translateY(-1px);
}

.channel-social-slide{
  grid-template-columns:minmax(0,.82fr) minmax(320px,1.18fr);
  grid-auto-rows:minmax(0,1fr);
  padding:32px 18px 13px;
  background:#f3f1ea;
}

.channel-social-slide .channel-social-copy{
  align-self:stretch;
  min-height:0;
  justify-content:flex-start;
}

.channel-social-slide .channel-social-links{
  align-self:stretch;
  display:grid;
  width:100%;
  height:auto;
  min-height:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.channel-social-slide .channel-social-links a{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  align-self:stretch;
  min-width:0;
  min-height:0;
  height:auto;
  border-radius:5px;
  background:#e7e5de;
  padding:13px;
  color:#101319;
  text-decoration:none;
  transition:transform .16s ease,background .16s ease;
}

.channel-social-links a:hover,
.channel-social-links a:focus-visible{
  background:#dceeff;
  transform:translateY(-2px);
}

.channel-social-links a>small{margin-top:auto;padding-top:12px}

.channel-social-links a>strong,
.channel-social-links .channel-social-note{
  display:block;
  max-width:100%;
  margin-top:4px;
  overflow-wrap:anywhere;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(8px,.57vw,10px);
  color:#5b6069;
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.015em;
}

.channel-social-icon{
  width:clamp(46px,3.25vw,56px);
  height:clamp(46px,3.25vw,56px);
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#101319;
  color:#fff;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  transition:transform .16s ease,background .16s ease;
}

.channel-social-icon svg{
  width:55%;
  height:55%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
}

.channel-social-icon svg .icon-fill{
  fill:currentColor;
  stroke:none;
}

.channel-social-links a:hover .channel-social-icon,
.channel-social-links a:focus-visible .channel-social-icon{
  background:#3454d1;
  transform:none;
}

.channel-news-progress{
  position:absolute;
  z-index:5;
  top:13px;
  left:13px;
  right:13px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

.channel-news-progress button{
  position:relative;
  height:4px;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:rgba(5,5,5,.38);
  padding:0;
  box-shadow:0 1px 7px rgba(0,0,0,.2);
}

.channel-news-progress button span{
  position:absolute;
  inset:0;
  display:block;
  border-radius:inherit;
  background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.22);
  transform:scaleX(0);
  transform-origin:left center;
}

.channel-news-progress button.is-complete span{transform:scaleX(1)}
.channel-news-progress button.is-active span{animation:channelNewsProgress 8s linear forwards}

@keyframes channelNewsProgress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

.channel-news-controls{
  position:absolute;
  z-index:6;
  left:13px;
  right:13px;
  bottom:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  isolation:isolate;
  pointer-events:none;
  transform:translateZ(0);
}

.channel-news-controls button{
  position:relative;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#101319;
  padding:0;
  color:#fff;
  pointer-events:auto;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:transform .16s ease,background .16s ease;
}

.channel-news-controls button:hover,
.channel-news-controls button:focus-visible{
  background:#3454d1;
  transform:translateY(-1px);
}

.home-carousel-chevron{
  display:block;
  width:14px;
  height:14px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}

@media(max-width:1100px) and (min-width:761px){
  .channel-news-slide{grid-template-columns:minmax(105px,.68fr) minmax(0,1.32fr);padding-inline:14px;gap:13px}
  .channel-social-slide{grid-template-columns:minmax(0,.75fr) minmax(285px,1.25fr)}
}

@media(max-width:760px){
  .transmission-content.channel-news-carousel{
    height:auto;
    min-height:410px;
  }

  .channel-news-slide{
    grid-template-columns:1fr;
    grid-template-rows:150px 1fr;
    gap:16px;
    padding:30px 16px 66px;
  }

  .channel-news-copy>strong,
  .channel-social-copy>strong{font-size:25px}
  .channel-news-copy>p,
  .channel-social-copy>p{font-size:14px;line-height:1.28}
  .channel-social-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:30px 16px 66px}
  .channel-social-links{height:auto;align-self:start}
  .channel-social-links a{min-height:130px;height:auto;padding:11px}
  .channel-social-links a>strong,
  .channel-social-links .channel-social-note{font-size:9px}
  .channel-social-icon{width:48px;height:48px}
  .channel-news-controls button{width:38px;height:38px}
}

@media(prefers-reduced-motion:reduce){
  .channel-news-slide{transition:none}
  .channel-news-progress button.is-active span{animation:none;transform:scaleX(1)}
}

/* Gate 4.45 — a central 16:9 home for the future work reel. */
@media(min-width:761px){
  .now-showing-window{
    left:47%;
    top:38%;
    width:clamp(468px,37.2vw,744px);
    height:auto;
    transform:translate(-50%,-50%);
    background:#050608;
  }
}

.now-showing-window{
  overflow:hidden;
  border-radius:var(--window-edge-radius);
  background:#050608;
}

.now-showing-window>.window-bar{
  border-radius:var(--window-edge-radius) var(--window-edge-radius) 0 0;
}

.now-showing-content{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:0;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
  background:
    radial-gradient(circle at 74% 28%,rgba(52,84,209,.18),transparent 30%),
    linear-gradient(145deg,#11141c 0%,#050608 68%);
  padding:0;
  color:#f3f1ea;
  text-align:left;
  isolation:isolate;
}

.now-showing-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(243,241,234,.08) 50%,transparent calc(50% + .5px)),
    linear-gradient(0deg,transparent calc(50% - .5px),rgba(243,241,234,.08) 50%,transparent calc(50% + .5px));
  opacity:.5;
  transition:opacity .2s ease;
}

.now-showing-content::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);
  opacity:.65;
  mix-blend-mode:soft-light;
}

.now-showing-copy{
  position:absolute;
  z-index:2;
  left:clamp(17px,1.65vw,26px);
  right:clamp(17px,1.65vw,26px);
  bottom:clamp(17px,1.65vw,26px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.now-showing-copy small,
.now-showing-copy strong,
.now-showing-copy p,
.now-showing-cta{
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
}

.now-showing-copy small{
  margin-bottom:10px;
  color:#8fa4ff;
  font-size:clamp(8px,.58vw,10px);
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.now-showing-copy strong{
  max-width:17ch;
  color:#f3f1ea;
  font-size:clamp(17px,1.55vw,26px);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.04em;
}

.now-showing-copy p{
  max-width:32ch;
  margin:9px 0 0;
  color:#c4c8d2;
  font-size:clamp(9px,.7vw,12px);
  font-weight:500;
  line-height:1.25;
  letter-spacing:-.01em;
}

.now-showing-cta{
  display:inline-flex;
  height:34px;
  min-height:34px;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  border:0;
  border-radius:999px;
  background:#f3f1ea;
  padding:0 17px;
  color:#101319;
  font-size:clamp(9px,.67vw,11px);
  font-weight:600;
  line-height:1;
  transition:background .16s ease,transform .16s ease;
}

.now-showing-content:hover .now-showing-grid,
.now-showing-content:focus-visible .now-showing-grid{opacity:.8}

.now-showing-cta:hover,
.now-showing-cta:focus-visible{
  background:#3454d1;
  color:#fff;
  transform:translateY(-1px);
}

@media(max-width:760px){
  .now-showing-window{order:3}
  .now-showing-content{aspect-ratio:16/9}
  .now-showing-copy{left:20px;right:20px;bottom:20px}
  .now-showing-copy strong{font-size:24px}
  .now-showing-copy p{font-size:12px}
}

/* Channel 22 and Front Desk now share the same warm editorial surface. */
.gary-window-content,
.gary-desk-stage,
.gary-window.is-gary-away .gary-desk-stage{
  background:#f3f1ea;
}

/* Gate 5.07 — original smoked glass with a flush, non-overlapping tail. */
.speech{
  isolation:isolate;
  overflow:visible;
  background:linear-gradient(180deg,rgba(62,64,70,.6),rgba(31,33,38,.54));
  -webkit-backdrop-filter:blur(24px) saturate(.9);
  backdrop-filter:blur(24px) saturate(.9);
}

.speech::before{
  top:50%;
  width:12px;
  height:16px;
  z-index:0;
  border:0;
  background:rgba(47,49,54,.57);
  box-shadow:none;
  -webkit-backdrop-filter:blur(24px) saturate(.9);
  backdrop-filter:blur(24px) saturate(.9);
  transform:translateY(-50%) translateZ(0);
}

.speech.side-right::before{
  left:-12px;
  right:auto;
  clip-path:polygon(100% 0,100% 100%,0 50%);
  transform:translateY(-50%) translateZ(0);
}

.speech.side-left::before{
  right:-12px;
  left:auto;
  clip-path:polygon(0 0,100% 50%,0 100%);
  transform:translateY(-50%) translateZ(0);
}

.channel-office-placeholder{
  margin:0;
  padding:0;
  background:#101319;
}

.channel-office-placeholder::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  width:auto;
  aspect-ratio:auto;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg,rgba(5,9,16,.04) 42%,rgba(5,9,16,.7) 100%);
  pointer-events:none;
}

.channel-office-placeholder img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 58%;
  filter:saturate(.86) contrast(1.04);
}

.channel-office-placeholder figcaption{
  position:absolute;
  z-index:2;
  left:12px;
  right:12px;
  top:11px;
  bottom:auto;
  color:#fff;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(7px,.48vw,9px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* Gate 5.01 — one restrained editorial system for every utility subpage. */
:root{
  --font-main:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  --subpage-paper:#f3f1ea;
  --subpage-ink:#101319;
  --subpage-muted:#555a64;
  --subpage-soft:#e7e5de;
  --subpage-blue:#3454d1;
  --subpage-control-height:34px;
}

body{
  font-family:var(--font-main);
}

.panel-view{
  background:#000;
}

.panel-view .panel-universe{
  opacity:1;
  background:none;
}

.panel-view .panel-universe::after{
  content:none;
}

.panel-view .utility-window{
  z-index:10;
  overflow:hidden;
  border:0;
  border-radius:var(--window-edge-radius);
  background:#2c2d30;
  color:var(--subpage-ink);
  box-shadow:0 38px 104px rgba(0,0,0,.58),0 9px 26px rgba(0,0,0,.36);
  contain:paint;
  isolation:isolate;
}

.utility-window>.window-bar,
.work-index>.window-bar{
  width:100%;
  height:30px;
  flex:0 0 30px;
  overflow:hidden;
  border:0;
  border-radius:var(--window-edge-radius) var(--window-edge-radius) 0 0;
  background:#2c2d30;
  color:#f1f1f2;
  font-family:var(--font-main);
  font-size:10px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  box-shadow:none;
}

.utility-window>.window-bar>span:first-of-type,
.work-index>.window-bar>span:first-of-type{
  color:#f1f1f2;
  font-family:var(--font-main);
  font-weight:400;
  text-align:center;
}

.utility-content,
.privacy-content{
  width:100%;
  margin:0;
  overflow:auto;
  border:0;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
  background:var(--subpage-paper);
  background-clip:padding-box;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  clip-path:inset(0 0 0 0 round 0 0 var(--window-edge-radius) var(--window-edge-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);
}

.utility-content .eyebrow,
.privacy-content .eyebrow,
.utility-content .location-line{
  color:var(--subpage-blue)!important;
  font-family:var(--font-main);
  font-size:clamp(10px,.68vw,12px)!important;
  font-weight:700;
  line-height:1.15!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.utility-content h1,
.privacy-content h1{
  margin:14px 0 24px;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  font-size:clamp(42px,5.2vw,74px);
  font-weight:700;
  line-height:.92;
  letter-spacing:-.055em;
}

.utility-content>p:not(.eyebrow):not(.location-line),
.about-copy p,
.privacy-content p{
  color:var(--subpage-muted);
  font-family:var(--font-main);
  font-size:clamp(16px,1.2vw,20px);
  font-weight:400;
  line-height:1.4;
  letter-spacing:-.012em;
}

.about-copy{
  border-color:#d3d0c8;
}

.director-log-link{
  border:0;
  border-radius:var(--window-edge-radius);
  background:var(--subpage-ink);
  color:#fff;
  box-shadow:none;
}

.director-log-link small,
.director-log-link strong,
.director-log-link span{
  font-family:var(--font-main);
}

.director-log-link small,
.director-log-link span{
  font-size:clamp(10px,.68vw,12px);
  font-weight:600;
  line-height:1.2;
  letter-spacing:.04em;
}

.director-log-link strong{
  font-size:clamp(17px,1.35vw,21px);
  font-weight:600;
  line-height:1.1;
}

.director-log-link:hover,
.director-log-link:focus-visible{
  border:0;
  background:var(--subpage-blue);
  box-shadow:none;
  transform:translateY(-1px);
}

.channel-grid a{
  border:0;
  border-radius:var(--window-edge-radius);
  background:var(--subpage-soft);
  color:var(--subpage-ink);
  box-shadow:none;
}

.channel-grid a:nth-child(3){
  background:var(--subpage-soft);
}

.channel-grid a:hover,
.channel-grid a:focus-visible{
  border:0;
  background:#dceeff;
  box-shadow:none;
  transform:translateY(-2px);
}

.channel-grid small,
.channel-grid strong,
.channel-grid b{
  font-family:var(--font-main);
}

.channel-grid small{
  color:var(--subpage-blue);
  font-size:clamp(10px,.68vw,12px);
  font-weight:700;
  letter-spacing:.06em;
}

.channel-grid strong{
  color:var(--subpage-ink);
  font-size:clamp(18px,1.4vw,22px);
  font-weight:600;
}

.channel-grid b{
  min-height:var(--subpage-control-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  background:var(--subpage-ink);
  padding:0 17px;
  color:#fff;
  font-size:clamp(10px,.68vw,12px);
  font-weight:600;
  line-height:1;
}

.contact-paths button{
  border:0;
  border-radius:var(--window-edge-radius);
  background:var(--subpage-soft);
  color:var(--subpage-ink);
  box-shadow:none;
}

.contact-paths button:hover,
.contact-paths button:focus-visible{
  border:0;
  background:#dceeff;
  transform:translateY(-1px);
}

.contact-paths button.is-active{
  border:0;
  background:var(--subpage-blue);
  color:#fff;
}

.contact-paths small,
.contact-paths strong,
.form-grid label,
.form-grid input,
.form-grid select,
.form-grid textarea,
.send-button,
.form-status,
.contact-email-option,
.contact-email-option a,
.form-privacy-note,
.form-privacy-note button,
.privacy-content h2,
.privacy-content a{
  font-family:var(--font-main);
}

.contact-paths small{
  color:var(--subpage-blue);
  font-size:clamp(10px,.68vw,12px);
  font-weight:600;
  letter-spacing:.05em;
}

.contact-paths button.is-active small{
  color:#fff;
}

.contact-paths strong{
  color:inherit;
  font-size:clamp(13px,.9vw,15px);
  font-weight:600;
  line-height:1.2;
}

.form-grid label{
  color:var(--subpage-muted);
  font-size:11px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.035em;
}

.form-grid input,
.form-grid select,
.form-grid textarea{
  border:1px solid #d3d0c8;
  border-radius:var(--window-edge-radius);
  background:#fffefa;
  color:var(--subpage-ink);
  font-size:clamp(14px,.95vw,15px);
  font-weight:400;
  line-height:1.4;
}

.contact-window .form-grid input::placeholder,
.contact-window .form-grid textarea::placeholder{
  color:#777b83;
  font-family:inherit;
  font-size:clamp(12px,.82vw,13px);
  font-weight:400;
  line-height:1.4;
  opacity:.58;
}

.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus{
  border-color:var(--subpage-blue);
  box-shadow:0 0 0 3px rgba(52,84,209,.14);
}

.send-button{
  height:var(--subpage-control-height);
  min-height:var(--subpage-control-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  background:var(--subpage-ink);
  padding:0 17px;
  color:#fff;
  font-size:clamp(9px,.67vw,11px);
  font-weight:600;
  line-height:1;
  box-shadow:none;
}

.send-button:hover,
.send-button:focus-visible{
  border:0;
  background:var(--subpage-blue);
  box-shadow:none;
  transform:translateY(-1px);
}

@media(pointer:coarse){
  .send-button{height:44px;min-height:44px}
}

.privacy-content h2{
  margin:30px 0 8px;
  color:var(--subpage-blue);
  font-size:clamp(17px,1.25vw,20px);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.02em;
}

.privacy-content a,
.form-privacy-note button{
  color:var(--subpage-blue);
}

@media(max-width:760px){
  .panel-view{padding:64px 10px 88px}
  .utility-content,
  .privacy-content{padding:24px 18px}
  .utility-content h1,
  .privacy-content h1{font-size:42px}
  .utility-content>p:not(.eyebrow):not(.location-line),
  .about-copy p,
  .privacy-content p{font-size:17px;line-height:1.42}
  .director-log-link{padding:18px}
  .channel-grid b{font-size:11px}
}

/* Gate 5.03 — Archive 22 six-column desktop and clean project chrome. */
.work-archive-view{
  display:block;
  overflow-x:hidden;
  overflow-y:auto;
  background:#000;
  padding:118px 28px 54px 190px;
  scrollbar-color:rgba(255,255,255,.22) transparent;
  scrollbar-width:thin;
  -webkit-user-select:none;
  user-select:none;
}

.work-archive-view .panel-universe{
  z-index:1;
  overflow:hidden;
  opacity:1;
  background:none;
}

.work-archive-view::after{
  content:"";
  position:absolute;
  z-index:15;
  inset:0;
  background:rgba(0,0,0,.58);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

.work-archive-view.is-project-open::after{opacity:1}

.work-archive-grid{
  position:relative;
  z-index:10;
  width:100%;
  max-height:none;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-auto-flow:row;
  grid-auto-rows:auto;
  align-content:start;
  gap:14px;
  margin:0;
  -webkit-user-select:none;
  user-select:none;
  transition:opacity .22s ease,filter .22s ease,transform .22s ease;
}

.work-archive-grid[aria-hidden="true"]{
  opacity:.25;
  filter:none;
  transform:none;
  pointer-events:none;
}

.work-widget{
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  width:100%;
  height:auto;
  aspect-ratio:1.62/1;
  display:grid;
  grid-template-rows:30px minmax(0,1fr) 50px;
  overflow:hidden;
  appearance:none;
  border:0;
  border-radius:var(--window-edge-radius);
  background:#2c2d30;
  padding:0;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  text-align:left;
  box-shadow:0 26px 70px rgba(0,0,0,.48),0 7px 20px rgba(0,0,0,.34);
  contain:paint;
  isolation:isolate;
  clip-path:inset(0 0 0 0 round var(--window-edge-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:none;
  transition:transform .2s ease,box-shadow .2s ease;
  touch-action:manipulation;
  -webkit-user-select:none;
  user-select:none;
}

.work-widget:hover,
.work-widget:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 34px 84px rgba(0,0,0,.58),0 10px 24px rgba(0,0,0,.38);
}

.work-widget>.window-bar{
  width:100%;
  height:30px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#2c2d30;
  color:#f1f1f2;
  padding:0 10px;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:10px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
}

.work-widget>.window-bar>span:first-of-type{
  color:#f1f1f2;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:10px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  text-transform:none;
  text-align:center;
}

.work-widget-visual{
  position:relative;
  display:block;
  min-height:0;
  overflow:hidden;
  background:#101319;
}

.work-widget-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 64%,rgba(5,6,8,.12));
  pointer-events:none;
}

.work-widget-visual img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(1.02);
  transform:scale(1.001);
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .25s ease;
  pointer-events:none;
  -webkit-user-drag:none;
}

.work-widget:hover .work-widget-visual img,
.work-widget:focus-visible .work-widget-visual img{
  filter:saturate(1) contrast(1.03);
  transform:scale(1.018);
}

.work-widget-caption{
  min-height:50px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
  background:var(--subpage-paper);
  padding:7px 10px 8px;
}

.work-widget-caption small,
.work-widget-caption strong{
  display:block;
  max-width:100%;
  font-family:var(--font-main);
}

.work-widget-caption small{
  margin-bottom:3px;
  color:var(--subpage-blue);
  font-size:7px;
  font-weight:700;
  line-height:1;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.work-widget-caption strong{
  color:var(--subpage-ink);
  font-size:clamp(12px,.78vw,15px);
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.035em;
}

.work-project-window{
  position:absolute;
  z-index:20;
  left:50%;
  top:50%;
  width:min(1140px,calc(100vw - 150px));
  height:auto;
  max-height:calc(100svh - 96px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:0;
  border-radius:var(--window-edge-radius);
  background:#2c2d30;
  box-shadow:0 44px 118px rgba(0,0,0,.72),0 12px 32px rgba(0,0,0,.46);
  transform:translate(-50%,-50%);
  contain:paint;
  isolation:isolate;
  clip-path:inset(0 0 0 0 round var(--window-edge-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.work-project-window:focus{outline:none}

.work-project-window.is-opening{animation:workProjectIn .28s cubic-bezier(.2,.78,.2,1) both}
.work-project-window.is-closing{animation:workProjectOut .22s ease both}

@keyframes workProjectIn{
  from{opacity:0;transform:translate(-50%,-48%)}
  to{opacity:1;transform:translate(-50%,-50%)}
}

@keyframes workProjectOut{
  to{opacity:0;transform:translate(-50%,-48%)}
}

.work-project-window>.window-bar{
  width:100%;
  height:30px;
  flex:0 0 30px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#2c2d30;
  color:#f1f1f2;
  padding:0 10px;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:10px;
  font-weight:400;
  line-height:1;
}

.work-project-window>.window-bar>span:first-of-type{
  color:#f1f1f2;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:10px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  text-transform:none;
  text-align:center;
}

.work-project-close{
  position:absolute;
  z-index:2;
  left:10px;
  right:auto;
  top:50%;
  width:12px;
  height:12px;
  display:grid;
  place-items:center;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:#ff5f57;
  padding:0;
  color:#791d20;
  box-shadow:none;
  transform:translateY(-50%);
}

.work-project-close>span{
  position:relative;
  width:7px;
  height:7px;
  display:block;
  opacity:0;
  transition:opacity .12s ease;
}

.work-project-close>span::before,
.work-project-close>span::after{
  content:"";
  position:absolute;
  left:3px;
  top:0;
  width:1px;
  height:7px;
  border-radius:1px;
  background:currentColor;
}

.work-project-close>span::before{transform:rotate(45deg)}
.work-project-close>span::after{transform:rotate(-45deg)}

.work-project-close:hover,
.work-project-close:focus-visible{
  background:#ff5f57;
  color:#791d20;
  box-shadow:none;
  outline:none;
}

.work-project-close:hover>span,
.work-project-close:focus-visible>span{opacity:1}

.work-project-content{
  min-height:0;
  max-height:calc(100svh - 126px);
  flex:0 1 auto;
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(330px,2fr);
  grid-template-rows:auto;
  grid-template-areas:"showcase copy";
  align-items:start;
  align-content:start;
  column-gap:32px;
  row-gap:0;
  overflow:auto;
  border-radius:0 0 var(--window-edge-radius) var(--window-edge-radius);
  background:var(--subpage-paper);
  padding:16px;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  clip-path:inset(0 0 0 0 round 0 0 var(--window-edge-radius) var(--window-edge-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  scrollbar-color:rgba(52,84,209,.45) transparent;
  scrollbar-width:thin;
}

.work-project-showcase{
  grid-area:showcase;
  align-self:start;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.work-project-media{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:var(--window-edge-radius);
  background:#101319;
}

.work-project-media img,
.work-project-media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.work-project-copy{
  grid-area:copy;
  align-self:start;
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:flex-start;
  border-left:1px solid #d1d0ca;
  padding:4px 2px 4px 28px;
}

.work-project-copy .eyebrow{
  margin:0 0 12px;
  color:var(--subpage-blue);
  font-family:var(--font-main);
  font-size:10px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.work-project-copy h1{
  max-width:12ch;
  margin:0;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  font-size:clamp(36px,3vw,48px);
  font-weight:700;
  line-height:.92;
  letter-spacing:-.055em;
}

.work-project-lead{
  max-width:33ch;
  margin:20px 0 0;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  font-size:19px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-.018em;
}

.work-project-lead.is-empty,
.work-project-details.is-empty{display:none}

.work-project-details{
  max-width:40ch;
  margin-top:24px;
}

.work-project-section{
  border-top:1px solid #d1d0ca;
  padding-top:14px;
}

.work-project-section+.work-project-section{margin-top:18px}

.work-project-section h2{
  margin:0 0 8px;
  color:var(--subpage-blue);
  font-family:var(--font-main);
  font-size:12px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.work-project-section p{
  margin:0;
  color:var(--subpage-muted);
  font-family:var(--font-main);
  font-size:16px;
  font-weight:400;
  line-height:1.42;
  letter-spacing:-.012em;
}

.work-project-stills{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  padding-top:2px;
}

.work-project-stills.is-empty{display:none}

.work-project-stills figure{
  margin:0;
  overflow:hidden;
  border-radius:5px;
  background:#101319;
}

.work-project-stills img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}

@media(max-width:900px) and (min-width:761px){
  .work-archive-view{padding-inline:104px 22px}
  .work-archive-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .work-project-window{width:calc(100vw - 150px)}
  .work-project-content{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    grid-template-areas:"showcase" "copy";
    align-content:start;
    gap:12px;
  }
  .work-project-copy{border-top:1px solid #d1d0ca;border-left:0;padding:26px 2px 8px}
  .work-project-copy h1{max-width:12ch}
  .work-project-lead,.work-project-details{max-width:48ch}
}

@media(max-width:760px){
  .work-archive-view{
    display:block;
    overflow-y:auto;
    padding:64px 10px 88px;
  }

  .work-archive-grid{
    width:100%;
    max-height:none;
    grid-template-columns:1fr;
    gap:14px;
    padding-top:18px;
  }

  .work-widget{height:auto;aspect-ratio:1.48/1}
  .work-widget-caption{min-height:68px;padding-inline:15px}
  .work-widget-caption strong{font-size:19px}

  .work-project-window{
    position:fixed;
    left:10px;
    right:10px;
    top:64px;
    bottom:88px;
    width:auto;
    height:auto;
    transform:none;
  }

  .work-project-window.is-opening{animation:workProjectInMobile .26s ease both}
  .work-project-window.is-closing{animation:workProjectOutMobile .2s ease both}

  @keyframes workProjectInMobile{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:none}
  }

  @keyframes workProjectOutMobile{
    to{opacity:0;transform:translateY(8px)}
  }

  .work-project-content{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    grid-template-areas:"showcase" "copy";
    align-content:start;
    gap:10px;
    padding:14px;
  }
  .work-project-copy{border-top:1px solid #d1d0ca;border-left:0;padding:24px 1px 8px}
  .work-project-copy h1{max-width:12ch;font-size:38px}
  .work-project-lead{max-width:34ch;margin-top:19px;font-size:18px}
  .work-project-details{max-width:none;margin-top:24px}
  .work-project-section+.work-project-section{margin-top:20px}
  .work-project-section p{font-size:16px}
  .work-project-stills{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .work-widget,
  .work-widget-visual img,
  .work-archive-grid,
  .work-archive-view::after{transition:none}
  .work-project-window.is-opening,
  .work-project-window.is-closing{animation:none}
}

/* Gate 5.09 — Contact inherits the shared window system and always closes home. */
.contact-window{
  clip-path:inset(0 0 0 0 round var(--window-edge-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.contact-window>.window-bar{
  border-radius:0;
  cursor:default;
}

.contact-brand-headline{
  max-width:12ch;
  font-family:"Montaser Arabic Site","Arial Black","Public Sans","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(42px,5.2vw,74px)!important;
  font-weight:800!important;
  line-height:.86!important;
  letter-spacing:-.055em!important;
}

.utility-home-dot{
  position:absolute;
  z-index:7;
  left:10px;
  right:auto;
  top:50%;
  width:12px;
  height:12px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#ff5f57;
  padding:0;
  color:#791d20;
  box-shadow:none;
  transform:translateY(-50%);
  cursor:pointer;
}

.utility-home-dot>span{
  position:relative;
  width:7px;
  height:7px;
  display:block;
  opacity:0;
  transition:opacity .12s ease;
}

.utility-home-dot>span::before,
.utility-home-dot>span::after{
  content:"";
  position:absolute;
  left:3px;
  top:0;
  width:1px;
  height:7px;
  border-radius:1px;
  background:currentColor;
}

.utility-home-dot>span::before{transform:rotate(45deg)}
.utility-home-dot>span::after{transform:rotate(-45deg)}

.utility-home-dot:hover,
.utility-home-dot:focus-visible{
  background:#ff5f57;
  color:#791d20;
  box-shadow:none;
  outline:none;
}

.utility-home-dot:hover>span,
.utility-home-dot:focus-visible>span{opacity:1}

@media(max-width:760px){
  .contact-brand-headline{font-size:42px!important}
  .utility-home-dot{left:9px}
}

/* Gate 5.10 — one editorial image-led shell for About and Contact. */
.editorial-utility-window{
  width:min(1176px,90vw)!important;
  height:min(851px,calc(100svh - 184px));
  max-height:calc(100svh - 184px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  clip-path:inset(0 0 0 0 round var(--window-edge-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.editorial-utility-window>.window-bar{
  flex:0 0 30px;
}

.editorial-utility-content,
.editorial-utility-content.contact-content{
  min-height:0;
  max-height:none;
  flex:1;
  overflow:auto;
  padding:18px;
  scrollbar-color:rgba(52,84,209,.45) transparent;
  scrollbar-width:thin;
}

.utility-page-title{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

.utility-page-media{
  position:relative;
  width:100%;
  aspect-ratio:2592/689;
  margin:0;
  overflow:hidden;
  border-radius:5px;
  background:#101319;
}

.utility-page-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.utility-page-body{
  padding:22px 2px 20px;
}

.utility-page-intro{
  min-height:0;
}

.utility-page-intro .eyebrow{
  margin:0 0 10px;
}

.utility-page-description{
  max-width:62ch;
  min-height:0;
  margin:0;
  color:var(--subpage-muted);
  font-family:var(--font-main);
  font-size:clamp(16px,1.2vw,20px);
  font-weight:400;
  line-height:1.4;
  letter-spacing:-.012em;
}

.utility-page-feature{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid #d3d0c8;
}

.about-feature{
  --about-flow-gap:18px;
}

.editorial-utility-window .about-copy{
  display:flex;
  flex-direction:column;
  gap:var(--about-flow-gap);
  max-width:70ch;
  margin:0;
  padding:0;
  border:0;
}

.editorial-utility-window .about-copy p{
  grid-column:1;
}

.about-founder{
  margin-top:var(--about-flow-gap);
}

.about-founder-card{
  width:min(100%,140px);
  margin:0;
}

.about-founder-portrait{
  position:relative;
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:5px;
  background:#c9c9c9;
}

.about-founder-portrait img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% 50%;
  transform:scale(1.2);
  transition:transform .65s cubic-bezier(.22,1,.36,1),filter .45s ease;
}

.about-founder-hover{
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(62,64,70,.6),rgba(31,33,38,.54));
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(24px) saturate(.9);
  backdrop-filter:blur(24px) saturate(.9);
  opacity:0;
  transition:opacity .32s ease;
}

.about-founder-hover p{
  position:absolute;
  top:12px;
  right:15%;
  left:11px;
  margin:0;
  color:rgba(255,255,255,.92);
  font-family:var(--font-main);
  font-size:10px;
  font-weight:400;
  line-height:1.35;
  letter-spacing:-.012em;
  text-align:left;
}

.about-founder-card:hover .about-founder-portrait img,
.about-founder-portrait:focus img,
.about-founder-portrait:focus-visible img{
  transform:scale(1.215);
  filter:contrast(1.025);
}

.about-founder-card:hover .about-founder-hover,
.about-founder-portrait:focus .about-founder-hover,
.about-founder-portrait:focus-visible .about-founder-hover{
  opacity:1;
}

.about-founder-portrait:focus-visible{
  outline:1px solid rgba(52,84,209,.65);
  outline-offset:3px;
}

.about-founder-card figcaption{
  display:grid;
  gap:2px;
  padding:9px 0 0;
  color:var(--subpage-ink);
  font-family:var(--font-main);
}

.about-founder-card strong{
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.015em;
}

.about-founder-card figcaption>span{
  color:var(--subpage-muted);
  font-size:12px;
  font-weight:400;
  line-height:1.35;
}

.about-legal-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid #d3d0c8;
  color:var(--subpage-muted);
  font-family:var(--font-main);
  font-size:10px;
  font-weight:400;
  line-height:1.4;
}

.about-legal-links button{
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  padding:0;
  color:var(--subpage-blue);
  font:inherit;
  cursor:pointer;
}

.about-legal-links button:hover,
.about-legal-links button:focus-visible{
  color:var(--subpage-ink);
  outline:0;
}

.about-window .utility-page-description,
.contact-window .utility-page-description,
.editorial-utility-window .about-copy p,
.contact-window .contact-intro{
  font-size:clamp(14px,.95vw,16px);
  line-height:1.45;
}

.contact-window .utility-page-intro,
.contact-window .contact-feature>*{
  width:70%;
}

.contact-window .contact-paths{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.contact-window .contact-paths strong{
  margin-top:8px;
  text-transform:none;
}

.contact-window .contact-paths small{
  font-size:clamp(9px,.62vw,11px);
  line-height:1.2;
  text-transform:uppercase;
}

.contact-window .form-privacy-note,
.contact-window .form-privacy-note button{
  font-size:10px!important;
  line-height:1.4;
}

.contact-window .contact-email-option{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid #d3d0c8;
  color:var(--subpage-muted);
  font-size:12px;
  font-weight:400;
  line-height:1.4;
}

.contact-window .contact-email-option strong{
  color:var(--subpage-ink);
  font-weight:600;
}

.contact-window .contact-email-option a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:inherit;
  text-decoration:none;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

.contact-window .contact-email-icon{
  width:14px;
  height:14px;
  flex:0 0 14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.contact-window .contact-email-option a:hover,
.contact-window .contact-email-option a:focus-visible{
  color:var(--subpage-ink);
  outline:0;
}

.contact-window .contact-email-option a:hover span,
.contact-window .contact-email-option a:focus-visible span{
  text-decoration:underline;
}

.contact-window .form-footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
}

.contact-window .form-footer .form-privacy-note{
  margin:0!important;
  padding:0;
  border:0;
}

.contact-window .form-footer .form-privacy-note button{
  transition:color .15s ease;
}

.contact-window .form-footer .form-privacy-note button:hover,
.contact-window .form-footer .form-privacy-note button:focus-visible{
  color:var(--subpage-ink);
  outline:0;
}

.contact-window .form-footer .form-status{
  width:100%;
}

.contact-window .form-footer .form-status:empty{
  display:none;
}

.privacy-window .privacy-content{
  min-height:0;
  max-height:none;
  flex:1;
  padding:18px;
}

.privacy-page-shell{
  padding:22px 2px 20px;
}

.privacy-page-header{
  padding-bottom:24px;
  border-bottom:1px solid #d3d0c8;
}

.privacy-page-header .eyebrow{
  width:70%;
  margin:0 0 10px;
}

.privacy-page-header h1,
.privacy-page-header .privacy-effective,
.privacy-page-copy{
  width:70%;
}

.privacy-page-header h1{
  margin:0;
  font-size:clamp(42px,5.2vw,74px);
  font-weight:700;
  line-height:.92;
  letter-spacing:-.055em;
}

.privacy-page-header .privacy-effective,
.privacy-page-copy p{
  font-size:clamp(14px,.95vw,16px);
  font-weight:400;
  line-height:1.45;
  letter-spacing:-.012em;
}

.privacy-page-header .privacy-effective{
  margin:14px 0 0;
  color:var(--subpage-muted);
}

.privacy-page-copy{
  padding-top:24px;
}

.privacy-page-copy>p{
  max-width:none;
  margin:0;
}

.privacy-page-copy h2{
  margin:28px 0 8px;
  font-size:clamp(14px,.95vw,16px);
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.012em;
  text-transform:none;
}

.privacy-page-copy a,
.privacy-contact-link{
  display:inline-block;
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  padding:0;
  color:var(--subpage-blue);
  font:inherit;
  line-height:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:color .18s ease,border-color .18s ease;
}

.privacy-page-copy a:hover,
.privacy-page-copy a:focus-visible,
.privacy-contact-link:hover,
.privacy-contact-link:focus-visible{
  color:var(--subpage-ink);
}

.editorial-utility-window .channel-grid{
  margin-top:0;
}

.editorial-utility-window .contact-paths{
  margin-top:0;
}

@media(max-width:760px){
  .editorial-utility-window{
    width:100%!important;
    height:100%!important;
    max-height:none;
  }

  .editorial-utility-content,
  .editorial-utility-content.contact-content{
    padding:14px;
  }

  .utility-page-body{padding:19px 2px 16px}
  .utility-page-intro{min-height:0}
  .utility-page-description{min-height:0;font-size:17px;line-height:1.42}
  .about-window .utility-page-description,
  .contact-window .utility-page-description,
  .editorial-utility-window .about-copy p,
  .contact-window .contact-intro{font-size:15px;line-height:1.45}
  .contact-window .utility-page-intro,
  .contact-window .contact-feature>*{width:100%}
  .contact-window .contact-paths{grid-template-columns:1fr}
  .privacy-page-header .eyebrow,
  .privacy-page-header h1,
  .privacy-page-header .privacy-effective,
  .privacy-page-copy{width:100%}
  .privacy-page-header h1{font-size:42px}
  .privacy-page-header .privacy-effective,
  .privacy-page-copy p,
  .privacy-page-copy h2{font-size:15px;line-height:1.45}
  .utility-page-feature{margin-top:20px;padding-top:20px}
  .about-feature{--about-flow-gap:18px}
  .about-founder{margin-top:var(--about-flow-gap)}
  .about-founder-card{width:min(40vw,140px)}
}

/* Gate 5.14 — preserve the approved top-logo scale with the combined source artwork. */
.site-top-wordmark img.site-top-mark-combined{
  height:clamp(29.3px,2.332vw,38px);
  transform:translateY(clamp(1.2px,.095vw,1.55px));
}

@media(max-width:760px){
  .site-top-wordmark img.site-top-mark-combined{
    height:28.2px;
    transform:translateY(1.15px);
  }
}

/* Gate 5.18 — optically even dock spacing with a fluid icon-label reveal. */
.dock-icon{
  display:grid;
  width:23px;
  height:23px;
  place-items:center;
  color:rgba(236,238,243,.48);
  transition:color .28s ease,transform .38s cubic-bezier(.22,1,.36,1);
}

.dock-icon svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.glass-dock .dock-label{
  position:absolute;
  top:calc(50% + 14px);
  right:0;
  left:0;
  width:auto;
  max-width:none;
  overflow:visible;
  grid-column:auto;
  grid-row:auto;
  justify-self:auto;
  align-self:auto;
  color:rgba(250,251,255,.88);
  font-size:9px;
  font-weight:400;
  line-height:1;
  letter-spacing:.01em;
  opacity:0;
  pointer-events:none;
  transform:translateY(4px);
  transition:opacity .3s ease,transform .38s cubic-bezier(.22,1,.36,1);
  text-align:center;
  white-space:nowrap;
}

.glass-dock button[aria-current="page"] .dock-icon,
.glass-dock button:hover .dock-icon,
.glass-dock button:focus-visible .dock-icon,
body[data-view="home"] .glass-dock .dock-icon{
  color:#fff;
}

.glass-dock button:hover .dock-label,
.glass-dock button:focus-visible .dock-label{
  opacity:1;
  transform:translateY(0);
}

.glass-dock button:hover .dock-icon,
.glass-dock button:focus-visible .dock-icon{
  transform:translateY(-3px);
}

.glass-dock button[aria-current="page"] .dock-dot{
  background:#fff;
  box-shadow:none;
}

.glass-dock .dock-dot{
  position:absolute;
  left:8px;
  top:50%;
  margin:0;
  transform:translateY(-50%);
  transition:transform .38s cubic-bezier(.22,1,.36,1);
}

.glass-dock button:hover .dock-dot,
.glass-dock button:focus-visible .dock-dot{
  transform:translateY(calc(-50% - 3px));
}

@media(min-width:761px){
  .glass-dock{
    left:max(28px,env(safe-area-inset-left));
    padding:10px 6px;
  }

  .glass-dock button{
    width:72px;
    min-width:72px;
    min-height:64px;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    padding:5px 6px;
    place-items:center;
    transition:transform .4s cubic-bezier(.22,1,.36,1),color .28s ease;
  }

  .glass-dock .dock-icon{
    grid-column:1;
    grid-row:1;
    justify-self:center;
  }
}

@media(max-width:760px){
  .glass-dock button{
    min-height:47px;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    padding:3px 2px;
    place-items:center;
    transition:transform .4s cubic-bezier(.22,1,.36,1),color .28s ease;
  }

  .dock-icon{
    width:20px;
    height:20px;
  }

  .glass-dock .dock-label{
    top:calc(50% + 11px);
    font-size:8px;
  }

  .glass-dock .dock-icon{
    grid-column:1;
    grid-row:1;
    justify-self:center;
    align-self:center;
  }

  .glass-dock .dock-dot{left:5px}
}

.glass-dock .dock-icon{
  transition:color .42s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1);
}

@media(prefers-reduced-motion:reduce){
  .view,
  .glass-dock button,
  .glass-dock .dock-icon,
  .glass-dock .dock-label{transition:none!important}
}

/* Gate 5.19 — the Manifesto film is the full draggable window surface. */
.manifesto-film-window{
  overflow:hidden;
  background:#050505;
}

.manifesto-film-surface{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  background:#050505;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}

.manifesto-film{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  border:0;
  border-radius:inherit;
  background:#050505;
  object-fit:cover;
  object-position:center;
  filter:brightness(1.1);
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  -webkit-user-select:none;
}

.manifesto-film::-webkit-media-controls,
.manifesto-film::-webkit-media-controls-panel,
.manifesto-film::-webkit-media-controls-enclosure,
.manifesto-film::-webkit-media-controls-overlay-enclosure,
.manifesto-film::-webkit-media-controls-start-playback-button,
.manifesto-film::-webkit-media-controls-overlay-play-button,
.manifesto-film::-webkit-media-controls-play-button{
  display:none!important;
  -webkit-appearance:none;
}

.manifesto-film-window.is-dragging .manifesto-film-surface{
  cursor:grabbing;
}

@media(max-width:760px){
  .manifesto-film-surface{
    height:auto;
    aspect-ratio:1587/2245;
    cursor:default;
    touch-action:auto;
  }
}

/* Channel 22 commercial reel: clean 4:3 footage, station identity only during breaks. */
.studio-broadcast-player{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#020204;
  isolation:isolate;
}

.studio-broadcast-video{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#020204;
  object-fit:cover;
  object-position:center;
  opacity:1;
  pointer-events:none;
  transition:opacity .12s linear;
  user-select:none;
  -webkit-user-drag:none;
  -webkit-user-select:none;
}

.studio-broadcast-video::-webkit-media-controls,
.studio-broadcast-video::-webkit-media-controls-panel,
.studio-broadcast-video::-webkit-media-controls-enclosure,
.studio-broadcast-video::-webkit-media-controls-overlay-enclosure,
.studio-broadcast-video::-webkit-media-controls-start-playback-button,
.studio-broadcast-video::-webkit-media-controls-overlay-play-button,
.studio-broadcast-video::-webkit-media-controls-play-button{
  display:none!important;
  -webkit-appearance:none;
}

.autoplay-video-cover{
  position:absolute;
  z-index:2;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#020204;
  object-fit:cover;
  object-position:center;
  opacity:1;
  visibility:visible;
  pointer-events:none;
  transition:opacity .16s linear,visibility 0s linear .16s;
  user-select:none;
  -webkit-user-drag:none;
  -webkit-user-select:none;
}

.manifesto-film-surface.is-video-playing .manifesto-autoplay-cover,
.studio-broadcast-player.is-video-playing .studio-autoplay-cover{
  opacity:0;
  visibility:hidden;
}

/* Channel 22: approved station identity, shared by three five-second bumpers. */
.channel-22-break{
  --c22-blue:#1837ed;
  --c22-yellow:#f2f600;
  --c22-pink:#fa36d5;
  --c22-scan-opacity:.17;
  --c22-jitter:0px;
  position:absolute;
  z-index:4;
  inset:0;
  container-type:inline-size;
  isolation:isolate;
  overflow:hidden;
  border:0;
  padding:0;
  background:#000;
  color:#faf9ed;
  font-family:Arial,Helvetica,sans-serif;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  cursor:default;
  user-select:none;
  -webkit-user-select:none;
  transition:opacity .08s linear,visibility 0s linear .08s;
}
.channel-22-break *{box-sizing:border-box;pointer-events:none}
.channel-22-break img{height:auto;user-select:none;-webkit-user-drag:none}
.studio-broadcast-player.is-station-break .studio-broadcast-video{opacity:0}
.studio-broadcast-player.is-station-break .channel-22-break{
  opacity:1;
  visibility:visible;
  transition:opacity .08s linear;
}
.channel-22-break .c22-ident{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#000;transform:translateX(var(--c22-jitter));z-index:3}
.channel-22-break .c22-ident-label{position:absolute;top:8%;font:700 2.6cqw/1.1 'Courier New',monospace;letter-spacing:.18em;color:var(--c22-yellow)}
.channel-22-break .c22-hero{width:100%;max-width:none;display:block;transform:scale(var(--c22-logo-scale,1)) translateX(var(--c22-logo-x,0%));transform-origin:center}
.channel-22-break .c22-ident-caption{position:absolute;bottom:7%;font:700 2cqw/1.1 'Courier New',monospace;letter-spacing:.14em;color:#d7d7d7}
.channel-22-break .c22-bug{position:absolute;right:4.5%;top:3.5%;width:22%;background:#000;z-index:6;opacity:0}
.channel-22-break .c22-bug img{display:block;width:100%}
.channel-22-break .c22-osd{position:absolute;left:5%;top:5%;z-index:6;font:700 2.5cqw/1.25 'Courier New',monospace;letter-spacing:.03em;opacity:0;color:#fff;text-shadow:.16cqw .16cqw #172ae5}
.channel-22-break .c22-osd b{font-size:1.7cqw;font-weight:400}
.channel-22-break .c22-backdrop{position:absolute;inset:0;overflow:hidden;background:var(--c22-blue)}
.channel-22-break .c22-backdrop i{position:absolute;display:block;inset:0;background:var(--c22-pink);transform:translateX(-125%) skewX(-20deg)}
.channel-22-break .c22-backdrop i:nth-child(2){background:#071169;transform:translate(90%,60%) rotate(-25deg)}
.channel-22-break .c22-backdrop i:nth-child(3){inset:auto -15% 7% 70%;height:3%;background:var(--c22-yellow);transform:rotate(-35deg)}
.channel-22-break .c22-rails{position:absolute;inset:0;opacity:0;overflow:hidden;z-index:1}
.channel-22-break .c22-rails span{position:absolute;white-space:nowrap;font:900 italic 9cqw/.9 Arial,sans-serif;letter-spacing:-.05em;color:rgba(0,0,0,.23);left:-10%;transform:translateX(var(--c22-rail-x,0%)) rotate(-90deg);transform-origin:left}
.channel-22-break .c22-rails span:first-child{top:110%;left:12%}
.channel-22-break .c22-rails span:last-child{top:130%;left:100%}
.channel-22-break .c22-hook,.channel-22-break .c22-call{position:absolute;inset:0;padding:19% 8% 6%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:4;visibility:hidden;transform:translateX(var(--c22-jitter));text-shadow:.5cqw .3cqw 0 #111}
.channel-22-break .c22-hook-kicker{font:800 italic 3.2cqw/1 Arial,sans-serif;letter-spacing:.015em;color:var(--c22-yellow);margin-bottom:3cqw}
.channel-22-break .c22-hook strong{display:block;font:900 italic 18cqw/.79 'Arial Black',Arial,sans-serif;letter-spacing:-.07em;transform-origin:left center;transform:translateX(var(--c22-copy-x,0%)) scale(var(--c22-copy-scale,1))}
.channel-22-break .c22-hook-sub{display:block;font:700 2.3cqw/1.2 'Courier New',monospace;letter-spacing:.025em;color:#fff;margin-top:4cqw}
.channel-22-break .c22-route{font:900 italic 4cqw/1 Arial,sans-serif;letter-spacing:-.015em;background:var(--c22-yellow);color:#060606;padding:1.3cqw 2.3cqw;margin-left:1cqw;margin-bottom:3.3cqw;transform:rotate(-3deg);text-shadow:none}
.channel-22-break .c22-call strong{font:900 italic 22cqw/.76 'Arial Black',Arial,sans-serif;letter-spacing:-.06em;display:block;transform-origin:left center;transform:translateX(var(--c22-copy-x,0%)) scale(var(--c22-copy-scale,1));color:#fff;text-shadow:.65cqw .3cqw var(--c22-pink),1.15cqw .7cqw #000}
.channel-22-break .c22-call-foot{margin-top:4.4cqw;font:700 1.8cqw/1.3 'Courier New',monospace;letter-spacing:.02em;max-width:95%;text-shadow:none}
.channel-22-break .c22-scan{position:absolute;inset:0;z-index:7;opacity:var(--c22-scan-opacity);background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,#000 2px,#000 3px);mix-blend-mode:multiply}
.channel-22-break .c22-tracking{position:absolute;z-index:8;left:0;right:0;top:var(--c22-track-top,43%);height:1.6%;background:repeating-linear-gradient(0deg,#fff8 0px,#fff0 1px,#000a 2px,#0000 3px);opacity:var(--c22-track-opacity,0);transform:skewX(-25deg);box-shadow:0 5px 0 #1530ed40,0 -3px 0 #fa36d560}
.channel-22-break[data-phase="hook"] .c22-ident,.channel-22-break[data-phase="call"] .c22-ident{visibility:hidden}
.channel-22-break[data-phase="hook"] .c22-hook,.channel-22-break[data-phase="call"] .c22-call{visibility:visible}
.channel-22-break[data-phase="hook"] .c22-bug,.channel-22-break[data-phase="call"] .c22-bug,.channel-22-break[data-phase="hook"] .c22-osd,.channel-22-break[data-phase="call"] .c22-osd{opacity:1}
.channel-22-break[data-variant="split"] .c22-backdrop{background:#c22aba}
.channel-22-break[data-variant="split"] .c22-backdrop i:first-child{background:var(--c22-blue);transform:translateX(var(--c22-panel-x,-43%)) skewX(-15deg)}
.channel-22-break[data-variant="split"] .c22-backdrop i:nth-child(2){background:#000;inset:0 0 88%;transform:none}
.channel-22-break[data-variant="split"] .c22-backdrop i:nth-child(3){display:none}
.channel-22-break[data-variant="split"] .c22-hook{align-items:center;text-align:center;padding:20% 6% 5%}
.channel-22-break[data-variant="split"] .c22-hook strong{font-size:15.7cqw;line-height:.85;transform-origin:center}
.channel-22-break[data-variant="split"] .c22-hook-sub{background:#000;padding:1.2cqw 2cqw;transform:rotate(3deg);color:var(--c22-yellow)}
.channel-22-break[data-variant="split"] .c22-rails{opacity:1}
.channel-22-break[data-variant="split"] .c22-call{transform:rotate(-3deg) translateX(var(--c22-jitter));padding-left:12%}
.channel-22-break[data-variant="urgent"] .c22-backdrop{background:var(--c22-yellow)}
.channel-22-break[data-variant="urgent"] .c22-backdrop i:first-child{background:var(--c22-blue);transform:translateY(76%) rotate(-8deg) scale(1.3)}
.channel-22-break[data-variant="urgent"] .c22-backdrop i:nth-child(2){display:none}
.channel-22-break[data-variant="urgent"] .c22-backdrop i:nth-child(3){background:var(--c22-pink);left:-15%;right:-15%;bottom:9%;height:3%;transform:rotate(-8deg)}
.channel-22-break[data-variant="urgent"] .c22-hook{padding-top:15%;color:#090909;text-shadow:.5cqw .4cqw #fff;transform:rotate(-4deg) translateX(var(--c22-jitter));padding-left:8%}
.channel-22-break[data-variant="urgent"] .c22-hook strong{font-size:22cqw}
.channel-22-break[data-variant="urgent"] .c22-hook-kicker{color:#000;text-shadow:none;background:#fff;padding:1cqw 2cqw;border:2px solid #000}
.channel-22-break[data-variant="urgent"] .c22-hook-sub{color:#000;font-weight:700;text-shadow:none}
.channel-22-break[data-variant="urgent"] .c22-osd{color:#000;text-shadow:1px 1px #fff}
.channel-22-break[data-variant="urgent"] .c22-route{background:#000;color:var(--c22-yellow)}
.channel-22-break[data-variant="urgent"] .c22-call strong{color:#000;text-shadow:.65cqw .3cqw #fff,1.15cqw .7cqw var(--c22-pink)}
.channel-22-break[data-variant="urgent"] .c22-call-foot{color:#fff;background:var(--c22-blue);padding:.7cqw 1cqw}
.channel-22-break .c22-ident-label{font-size:clamp(11px,2.6cqw,20px)}
.channel-22-break .c22-ident-caption{font-size:clamp(11px,2cqw,16px)}
.channel-22-break .c22-osd{font-size:clamp(11px,2.5cqw,19px)}
.channel-22-break .c22-osd b{font-size:clamp(11px,1.7cqw,14px)}
.channel-22-break .c22-hook-sub{font-size:clamp(11px,2.3cqw,18px)}
.channel-22-break .c22-call-foot{font-size:clamp(11px,1.8cqw,15px)}

@container(max-width:420px){
  .channel-22-break .c22-call-foot{max-width:91%;margin-top:3cqw}
  .channel-22-break .c22-call strong{font-size:21cqw}
}
@media(prefers-reduced-motion:reduce){
  .channel-22-break{transition:none}
  .channel-22-break .c22-tracking{display:none}
}

/* About and Contact keep their full-bleed paper surface; their compact close
   controls are defined with the matching project control in work-campaign.css. */
.about-window>.editorial-utility-content,
.contact-window>.editorial-utility-content{
  border-radius:var(--window-edge-radius);
  clip-path:inset(0 0 0 0 round var(--window-edge-radius));
}

/* Gate 5.20 — a compact expanding pill menu replaces the desktop dock. */
.site-menu{
  position:fixed;
  z-index:1200;
  left:max(18px,env(safe-area-inset-left));
  bottom:max(18px,env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  pointer-events:none;
}

.site-menu-items{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  visibility:hidden;
  pointer-events:none;
  transition:visibility 0s linear .42s;
}

.site-menu.is-open .site-menu-items{
  visibility:visible;
  transition-delay:0s;
}

.site-menu-link,
.site-menu-toggle{
  border:0;
  background:#f7f6f1;
  color:#0b0d12;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.86);
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  pointer-events:auto;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.site-menu-link{
  min-width:88px;
  height:36px;
  border-radius:999px;
  padding:0 17px;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.2);
  font-size:11px;
  font-weight:600;
  line-height:1;
  opacity:0;
  transform:translateY(14px) scale(.92);
  transform-origin:left bottom;
  pointer-events:none;
  transition:opacity .22s ease,transform .38s cubic-bezier(.22,1,.36,1);
}

.site-menu.is-open .site-menu-link{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.site-menu-link[aria-current="page"]{
  background:#101319;
  color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.2);
  transform:translateY(0) scale(1);
  text-decoration:none;
}

.site-menu-link:hover,
.site-menu-link:focus-visible{
  background:#101319;
  color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.2);
  transform:translateY(0) scale(1);
}

.site-menu-toggle{
  position:relative;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  padding:0;
  transition:transform .18s ease,background .16s ease,box-shadow .16s ease;
}

.site-menu-toggle:hover,
.site-menu-toggle:focus-visible{
  background:#fff;
  transform:translateY(-1px);
  box-shadow:0 15px 34px rgba(0,0,0,.31),0 4px 9px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.9);
}

.site-menu-toggle>span{
  position:relative;
  width:16px;
  height:16px;
  display:block;
  transform:rotate(0deg);
  transition:transform .62s cubic-bezier(.22,1,.36,1);
}

.site-menu-toggle>span::before,
.site-menu-toggle>span::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:1.75px;
  border-radius:2px;
  background:#0b0d12;
  transform:translate(-50%,-50%);
}

.site-menu-toggle>span::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.site-menu.is-open .site-menu-toggle>span{
  transform:rotate(405deg);
}

.view.is-background{
  z-index:1;
  display:block!important;
  opacity:1;
  visibility:visible;
  pointer-events:none;
}

/* The dimmer is a real layer between Home and the subpages. Keeping it out of
   the view compositor avoids filter flashes and makes the darkness reliable. */
.view-dimmer{
  position:fixed;
  z-index:3;
  inset:0;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  background:rgba(1,3,9,.58);
  transition:opacity .24s ease,visibility 0s linear .24s;
}

body:not([data-view="home"]) .view-dimmer{
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}

.home-view.is-active,
.view.is-background{z-index:1}

.panel-view,
.panel-view.is-active,
.panel-view.is-leaving{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.panel-view{
  opacity:1;
  transition:visibility 0s linear .3s;
}

.panel-view.is-active{
  z-index:4;
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}

.panel-view.is-leaving{
  z-index:5;
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}

.panel-view>.utility-window{
  opacity:0;
  transform:none;
  will-change:opacity;
  transition:opacity .22s ease;
}

.panel-view.is-active>.utility-window{
  opacity:1;
}

.panel-view.is-leaving>.utility-window{
  opacity:0;
  transition:opacity .18s ease;
}

.view.is-transitionless,
.view.is-transitionless>.utility-window{
  transition:none!important;
}

@media(max-width:760px){
  .site-menu{
    left:max(10px,env(safe-area-inset-left));
    bottom:max(10px,env(safe-area-inset-bottom));
    gap:7px;
  }
  .site-menu-items{gap:7px}
  .site-menu-link{min-width:82px;height:35px;padding-inline:15px;font-size:10px}
  .site-menu-toggle{width:40px;height:40px}
}

@media(prefers-reduced-motion:reduce){
  .site-menu-link,
  .site-menu-toggle,
  .site-menu-toggle>span,
  .view-dimmer,
  .view,
  .panel-view>.utility-window{transition-duration:.01ms!important;transition-delay:0s!important}
}