/* Screenshot composition at a 1509 × 794 desktop viewport. Sizes stay fixed as it resizes. */
#homeView{
  overflow:clip;
  overscroll-behavior:none;
}
#homeView,
#workView,
#aboutView,
#contactView,
#privacyView,
#termsView,
#legalView{
  background-color:#145293;
  background-image:url("assets/site-sky-v2.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
#homeView>.star-field,
#homeView>.shooting-stars,
#workView>.panel-universe,
#aboutView>.panel-universe,
#contactView>.panel-universe,
#privacyView>.panel-universe,
#termsView>.panel-universe,
#legalView>.panel-universe{display:none}
#homeView .home-wordmark{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  display:block;
  width:clamp(496px,51.2vw,784px);
  max-width:none;
  height:auto;
  transform:translate(-50%,-50%);
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
#homeView .home-desktop{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  transform:none;
}
#homeView .home-column{display:contents}
#homeView .master-window{--window-width:267px;--window-height:378px;--window-start-x:5.1vw;--window-start-y:6svh}
#homeView .transmission-window{--window-width:358px;--window-height:286px;--window-start-x:30.5vw;--window-start-y:8.5svh}
#homeView .now-showing-window{--window-width:570px;--window-height:323px;--window-start-x:9.85vw;--window-start-y:49.1svh}
#homeView .studio-broadcast-window{--window-width:437px;--window-height:360px;--window-start-x:64.25vw;--window-start-y:5svh}
#homeView .gary-window{--window-width:380px;--window-height:179px;--window-start-x:59.25vw;--window-start-y:62.6svh}
#homeView .home-draggable{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
  left:clamp(0px,var(--window-start-x),calc(100vw - var(--window-width) - 8px))!important;
  top:clamp(0px,var(--window-start-y),calc(100svh - var(--window-height) - 8px))!important;
  width:min(var(--window-width),calc(100vw - 16px))!important;
  height:auto!important;
  min-width:0;
  min-height:0;
  margin:0;
  flex:none;
  transform:translate(var(--window-drag-x,0px),var(--window-drag-y,0px));
  will-change:transform;
  container-type:inline-size;
}
#homeView .home-draggable>.window-bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  height:30px;
  min-height:30px;
  padding:0 9px;
  border:0;
  border-radius:7px 7px 0 0;
  background:#2c2d30;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:9px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
}
#homeView .home-draggable>.window-bar>span{position:static;inset:auto;transform:none;width:auto;max-width:100%;height:auto;white-space:nowrap}
#homeView .home-draggable>.window-bar>span:first-child{display:block;grid-column:2;justify-self:center;min-width:0;margin:0;color:#f1f1f2;text-align:center}
#homeView .home-draggable>.window-bar>span:last-child{grid-column:3;justify-self:end;margin:0;min-width:0;font-size:6px;color:#bdbdc0;text-align:right}
#homeView .home-draggable .window-bar::before{content:none;display:none}
#homeView .now-showing-window>.window-bar>span:first-child{line-height:1.35;padding:1px 0 2px}

/* Home uses frameless cards. Their visible surfaces are the drag handles, so
   even the compact utility cards have a generous, natural grab area. */
#homeView .home-draggable>.window-bar{display:none}
#homeView .home-draggable::before{
  inset:0;
  border-radius:inherit;
}
@media(min-width:761px){
  #homeView [data-window-drag-handle]{cursor:grab;touch-action:none}
  #homeView .home-draggable.is-dragging [data-window-drag-handle]{cursor:grabbing}
}
#homeView .manifesto-film-surface{height:auto;aspect-ratio:1587/2245}
#homeView .manifesto-film{position:absolute;inset:0}
#homeView .studio-broadcast-content{height:auto}
#homeView .gary-service-ticker-track b{font-size:11px}

/* Channel 22 is a compact, full-bleed 5:4 BTS carousel. */
#homeView .channel-news-carousel{
  --channel-action-height:34px;
  position:relative;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:5/4;
  overflow:hidden;
  padding:0;
  background:#101319;
  color:#fff;
  clip-path:none;
  border-radius:inherit;
  transform:none;
}
#homeView .channel-news-slides,
#homeView .channel-news-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:inherit;
  transform:none;
}
#homeView .channel-news-slides{display:block;overflow:hidden;background:#101319}
#homeView .channel-news-slide{
  display:block;
  margin:0;
  padding:0;
  background:#101319;
}
#homeView .channel-news-slide:not(.is-active){pointer-events:none}
#homeView .channel-image-slide::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,7,12,.14) 0%,rgba(4,7,12,.08) 32%,rgba(4,7,12,.86) 100%),
    linear-gradient(90deg,rgba(4,7,12,.28),transparent 72%);
  pointer-events:none;
}
#homeView .channel-slide-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(.96) contrast(1.03);
}
#homeView .channel-slide-image-fridge{object-position:center 50%}
#homeView .channel-slide-image-trunk{object-position:center 50%}
#homeView .channel-slide-image-social{object-position:center 50%}
#homeView .channel-overlay-copy{
  position:absolute;
  z-index:3;
  left:20px;
  right:20px;
  bottom:18px;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.58);
}
#homeView .channel-overlay-copy>small{
  color:rgba(255,255,255,.7);
  font-size:8px;
  line-height:1.1;
  letter-spacing:.08em;
}
#homeView .channel-overlay-copy>strong{
  max-width:14ch;
  margin:4px 0;
  color:#fff;
  font-size:23px;
  line-height:.98;
  letter-spacing:-.045em;
}
#homeView .channel-overlay-copy>p{
  display:block!important;
  max-width:31ch;
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:500;
  line-height:1.24;
}
#homeView .channel-news-cta{
  height:var(--channel-action-height);
  min-height:var(--channel-action-height);
  margin-top:10px!important;
  padding:0 17px;
  background:#f3f1ea;
  color:#101319;
  font-size:clamp(9px,.67vw,11px);
  box-shadow:0 5px 18px rgba(0,0,0,.25);
  text-shadow:none;
  transition:background .16s ease,transform .16s ease;
}
#homeView .channel-news-cta:hover,
#homeView .channel-news-cta:focus-visible{background:#3454d1;color:#fff;transform:translateY(-1px)}
#homeView .channel-news-progress{
  position:absolute;
  z-index:5;
  top:10px;
  left:11px;
  right:11px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
#homeView .channel-news-progress button{
  position:relative;
  height:10px;
  overflow:visible;
  border:0;
  background:transparent;
  padding:0;
  box-shadow:none;
}
#homeView .channel-news-progress button::before{
  content:"";
  position:absolute;
  inset:2px 0 4px;
  border-radius:99px;
  background:rgba(255,255,255,.38);
  box-shadow:0 1px 7px rgba(0,0,0,.25);
}
#homeView .channel-news-progress button span{
  inset:2px auto 4px 0;
  width:0;
  border-radius:99px;
  opacity:0;
  transform:none;
}
#homeView .channel-news-progress button.is-complete span{width:100%;opacity:1;transform:none}
#homeView .channel-news-progress button.is-active span{opacity:1;animation:channelNewsProgressRounded 8s linear forwards}
@keyframes channelNewsProgressRounded{
  from{width:4px}
  to{width:100%}
}
#homeView .channel-news-controls{
  left:auto;
  right:10px;
  top:22px;
  bottom:auto;
  justify-content:flex-end;
  gap:5px;
  transform:translateZ(0);
}
#homeView .channel-news-controls button{
  width:28px;
  height:28px;
  background:rgba(16,19,25,.84);
  box-shadow:0 4px 16px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
}
#homeView .channel-news-carousel.is-autoplay-paused .channel-news-progress button.is-active span{animation-play-state:paused}
#homeView .channel-social-slide .channel-social-copy{bottom:calc(18px + var(--channel-action-height) + 14px)}
#homeView .channel-social-slide .channel-social-copy>strong{max-width:18ch;font-size:21px}
#homeView .channel-social-slide .channel-social-copy>p{font-size:10px}
#homeView .channel-social-slide .channel-social-links{
  position:absolute;
  z-index:3;
  left:20px;
  right:20px;
  bottom:18px;
  display:grid;
  width:auto;
  height:var(--channel-action-height);
  min-height:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
#homeView .channel-social-slide .channel-social-links a{
  display:flex;
  min-width:0;
  min-height:var(--channel-action-height);
  height:var(--channel-action-height);
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  border:0;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(62,64,70,.6),rgba(31,33,38,.54));
  padding:4px 7px 4px 5px;
  color:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.28);
  backdrop-filter:blur(24px) saturate(.9);
  -webkit-backdrop-filter:blur(24px) saturate(.9);
}
#homeView .channel-social-slide .channel-social-links a:hover,
#homeView .channel-social-slide .channel-social-links a:focus-visible{background:#fff;color:#101319;transform:translateY(-1px)}
#homeView .channel-social-links a>small{
  min-width:0;
  margin:0;
  overflow:hidden;
  padding:0;
  color:inherit;
  font-size:7.5px;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#homeView .channel-social-icon{
  width:22px;
  height:22px;
  max-width:none;
  flex:0 0 22px;
  background:#fff;
  color:#101319;
  font-size:10px;
}
#homeView .channel-social-slide .channel-social-links a:hover .channel-social-icon,
#homeView .channel-social-slide .channel-social-links a:focus-visible .channel-social-icon{background:#101319;color:#fff}

/* Placeholder text stays in flow and can grow when text is enlarged. */
#homeView .now-showing-content{display:flex;align-items:flex-end;height:auto;min-height:238px;aspect-ratio:16/9;padding:24px}
#homeView .now-showing-copy{position:relative;inset:auto;min-width:0;width:100%}
#homeView .now-showing-copy small{font-size:10px;line-height:1.25}
#homeView .now-showing-copy strong{font-size:clamp(22px,3.9cqw,28px);line-height:1.07}
#homeView .now-showing-copy p{font-size:10px;line-height:1.35}

/* Compact Front Desk: the phone and copy occupy separate columns. */
#homeView .gary-window-content{height:auto;min-height:0;padding:0}
#homeView .gary-desk-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,.48fr);gap:10px;align-items:center;height:auto;min-height:0;padding:11px 18px}
#homeView .gary-profile-copy{position:relative;width:auto;height:auto;min-width:0;padding:0}
#homeView .gary-profile-copy small{font-size:9px;line-height:1.25;margin-bottom:8px}
#homeView .gary-profile-copy>strong{font-size:21px;line-height:1.08;max-width:17ch}
#homeView .gary-profile-copy>p{font-size:10px;line-height:1.35;margin:8px 0 0}
#homeView .gary-phone-visual{position:relative;inset:auto;width:100%;min-width:0;overflow:hidden}
#homeView .gary-phone{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
#homeView .gary-desk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 0}
#homeView .gary-desk-toggle{position:relative;inset:auto;margin:0}
#homeView .gary-desk-return{
  min-height:34px;
  border:0;
  border-radius:999px;
  background:rgba(16,19,25,.08);
  padding:0 13px;
  color:#101319;
  font-family:"Publica Sans","Public Sans","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(8px,.6vw,10px);
  font-weight:600;
  cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
#homeView .gary-desk-return:hover,#homeView .gary-desk-return:focus-visible{background:#101319;color:#fff}

.speech.has-actions{
  width:min(268px,78vw);
  padding:13px;
  pointer-events:auto;
}
.gary-speech-actions[hidden],.gary-speech-close[hidden],#homeView .gary-desk-return[hidden]{display:none!important}
.gary-speech-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.gary-speech-action{
  min-height:29px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  padding:0 11px;
  color:#fff;
  font-family:"Publica Sans","Public Sans","Helvetica Neue",Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.gary-speech-action:hover,.gary-speech-action:focus-visible{background:#fff;color:#101319;transform:translateY(-1px)}
.gary-speech-action.is-primary{background:#fff;color:#101319}
.gary-speech-action.is-primary:hover,.gary-speech-action.is-primary:focus-visible{background:#101319;color:#fff}
.gary-speech-close{
  position:absolute;
  top:7px;
  right:7px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  padding:0;
  color:#fff;
  font:500 17px/1 Arial,sans-serif;
  cursor:pointer;
}
.speech.has-actions>p{padding-right:24px}
.home-draggable.is-gary-tour-stop{outline:2px solid rgba(255,255,255,.88);outline-offset:4px}

#homeView .now-showing-cta,#homeView .gary-desk-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  flex:none;
  max-width:100%;
  height:34px;
  min-height:34px;
  padding:0 17px;
  border:0;
  border-radius:999px;
  font-family:"Publica Sans","Public Sans","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(9px,.67vw,11px);
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  text-align:center;
  overflow-wrap:break-word;
  cursor:pointer;
}

/* The larger desktop card keeps the same 5:4 proportion. */
@media(min-width:761px){
  #homeView .transmission-window{height:286px!important}
  #homeView .channel-news-carousel,
  #homeView .channel-news-slides,
  #homeView .channel-news-slide{height:286px}
  #homeView .channel-social-slide .channel-social-links{right:auto;width:301px;max-width:calc(100% - 40px)}
}

/* Phones keep readable, stacked windows and normal vertical scrolling. */
@media(max-width:760px){
  #homeView{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:24px 110px}
  #homeView .home-wordmark{position:fixed;top:50%;width:70.4vw}
  #homeView .home-draggable{position:relative!important;inset:auto!important;width:100%!important;transform:none!important}
  #homeView .home-draggable .window-bar,#homeView .manifesto-film-surface{cursor:default;touch-action:pan-y}
  #homeView .home-desktop{position:relative;inset:auto;width:auto;height:auto;display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:0;padding:78px 16px 124px;transform:none}
  #homeView .home-column{display:contents}
  #homeView .master-window{order:1;max-width:360px;align-self:center}
  #homeView .transmission-window{order:2;aspect-ratio:5/4}
  #homeView .now-showing-window{order:3}
  #homeView .studio-broadcast-window{order:4}
  #homeView .gary-window{order:5}
  #homeView .home-draggable{min-height:0!important}
  #homeView [data-window-drag-handle]{cursor:default;touch-action:auto}
  #homeView .now-showing-content{min-height:248px;padding:22px}
  #homeView .channel-news-carousel{height:auto;min-height:0;aspect-ratio:5/4}
  #homeView .channel-overlay-copy{left:20px;right:20px;bottom:18px}
  #homeView .channel-overlay-copy>small{font-size:8px}
  #homeView .channel-overlay-copy>strong{font-size:24px}
  #homeView .channel-overlay-copy>p{font-size:10px}
  #homeView .channel-news-cta{height:var(--channel-action-height);min-height:var(--channel-action-height);font-size:10px}
  #homeView .channel-social-slide .channel-social-copy{bottom:calc(18px + var(--channel-action-height) + 14px)}
  #homeView .channel-social-slide .channel-social-copy>strong{font-size:22px}
  #homeView .channel-social-slide .channel-social-copy>p{font-size:10px}
  #homeView .channel-social-slide .channel-social-links{left:20px;right:20px;bottom:18px;height:var(--channel-action-height)}
  #homeView .channel-social-slide .channel-social-links a{height:var(--channel-action-height);min-height:var(--channel-action-height);padding-inline:7px}
  #homeView .channel-social-icon{width:22px;height:22px;flex-basis:22px}
  #homeView .channel-social-links a>small{font-size:7px}
  #homeView .gary-profile-copy>strong{font-size:23px}
  #homeView .gary-profile-copy>p{font-size:10px}
  #homeView .gary-desk-stage{padding:18px}
}
@media(pointer:coarse){
  #homeView .channel-news-carousel{--channel-action-height:44px}
  #homeView .now-showing-cta,#homeView .channel-news-cta,#homeView .gary-desk-toggle,#homeView .gary-desk-return{min-height:44px}
  #homeView .channel-news-controls button{width:44px;height:44px}
}

/* Gate 6.25 — stable rounded media without clipping the window shadows. */
#homeView .transmission-window{
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:0 34px 88px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.24);
}

#homeView .transmission-window .channel-news-carousel,
#homeView .transmission-window .channel-news-slides,
#homeView .transmission-window .channel-news-slide{
  overflow:hidden;
  border-radius:var(--window-edge-radius);
  background-clip:padding-box;
}

#homeView .now-showing-window{
  overflow:hidden;
  border-radius:var(--window-edge-radius);
  border:0;
  background:transparent;
  box-shadow:0 38px 96px rgba(0,0,0,.5),0 10px 28px rgba(0,0,0,.32);
  clip-path:none;
  -webkit-mask-image:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  background-clip:padding-box;
}

#homeView .now-showing-content{
  overflow:hidden;
  border-radius:inherit;
  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;
  background-clip:padding-box;
  transform:translateZ(0);
}

#homeView .now-showing-grid,
#homeView .now-showing-content::after{
  border-radius:inherit;
}

/* Gate 8 — The Front Desk becomes The Gary Test instead of opening another UI layer. */
#homeView .gary-window{
  overflow:hidden;
  isolation:isolate;
  transition:background-color .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-window-content{
  overflow:hidden;
  border-radius:inherit;
  background:rgba(243,241,234,1);
  transition:background-color .55s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-desk-stage{
  position:relative;
  display:block;
  width:100%;
  height:179px;
  overflow:hidden;
  padding:0;
  border-radius:inherit;
  background:transparent;
  transition:height .65s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-desk-stage::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 82% 22%,rgba(255,255,255,.16),transparent 35%),
    linear-gradient(145deg,rgba(69,72,80,.75),rgba(24,26,31,.7));
  opacity:0;
  pointer-events:none;
  -webkit-backdrop-filter:blur(26px) saturate(.9);
  backdrop-filter:blur(26px) saturate(.9);
  transition:opacity .55s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-front-desk-state{
  position:absolute;
  z-index:2;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(72px,.48fr);
  gap:10px;
  align-items:center;
  padding:11px 18px;
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  transform-origin:50% 50%;
  transition:opacity .32s ease,transform .55s cubic-bezier(.22,1,.36,1),filter .42s ease;
}
#homeView .gary-front-desk-state .gary-profile-copy{width:auto;height:auto;padding:0}
#homeView .gary-window.is-gary-test{
  background-color:rgba(25,27,32,.72);
  box-shadow:0 44px 112px rgba(0,0,0,.6),0 10px 30px rgba(0,0,0,.38);
}
#homeView .gary-window.is-gary-test .gary-window-content{background-color:rgba(28,30,35,.54)}
#homeView .gary-window.is-gary-test .gary-desk-stage{height:286px}
#homeView .gary-window.is-gary-test .gary-desk-stage::before{opacity:1}
#homeView .gary-window.is-gary-test .gary-front-desk-state{
  opacity:0;
  filter:blur(8px);
  transform:translate3d(-12px,5px,0) scale(.975);
  pointer-events:none;
}

#homeView .gary-test-panel{
  position:absolute;
  z-index:3;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 94px;
  gap:12px;
  padding:18px 16px 16px 18px;
  color:#f5f6f8;
  opacity:0;
  transform:translate3d(12px,6px,0) scale(.975);
  pointer-events:none;
  transition:opacity .38s .12s ease,transform .65s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-window.is-gary-test .gary-test-panel{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  pointer-events:auto;
}
#homeView .gary-window:not(.is-gary-test) .gary-test-panel,
#homeView .gary-window:not(.is-gary-test) .gary-test-panel *{pointer-events:none!important}
#homeView .gary-test-copy{position:relative;min-width:0;padding-top:1px}
#homeView .gary-test-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:3px}
#homeView .gary-test-header small,
#homeView .gary-test-header span,
#homeView .gary-test-question>span,
#homeView .gary-test-processing>span,
#homeView .gary-test-result>span,
#homeView .gary-test-visual figcaption{
  color:rgba(245,246,248,.65);
  font-family:"Publica Sans","Public Sans","Helvetica Neue",Arial,sans-serif;
  font-size:8px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#homeView .gary-test-header small{color:#fff}
#homeView .gary-test-header span{font-variant-numeric:tabular-nums}
#homeView .gary-test-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0 17px}
#homeView .gary-test-progress i{height:3px;border-radius:99px;background:rgba(255,255,255,.16);transition:background .28s ease,transform .28s ease}
#homeView .gary-test-progress i.is-active{background:#fff;transform:scaleX(1)}
#homeView .gary-test-question,
#homeView .gary-test-processing,
#homeView .gary-test-result{
  position:absolute;
  left:0;
  right:0;
  top:47px;
  opacity:0;
  transform:translate3d(0,7px,0);
  pointer-events:none;
  transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-test-panel[data-test-state="question"] .gary-test-question,
#homeView .gary-test-panel[data-test-state="processing"] .gary-test-processing,
#homeView .gary-test-panel[data-test-state="result"] .gary-test-result{
  opacity:1;
  transform:translate3d(0,0,0);
  pointer-events:auto;
}
#homeView .gary-test-panel.is-swapping .gary-test-question{opacity:0;transform:translate3d(-7px,0,0)}
#homeView .gary-test-question>strong,
#homeView .gary-test-processing>strong,
#homeView .gary-test-result>strong{
  display:block;
  max-width:16ch;
  margin:6px 0 12px;
  color:#fff;
  font-family:"Publica Sans","Public Sans","Inter Tight","Helvetica Neue",Arial,sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.045em;
}
#homeView .gary-test-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#homeView .gary-test-answers button,
#homeView .gary-test-result-actions button{
  min-width:0;
  min-height:35px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  padding:6px 10px;
  color:#fff;
  font-family:"Publica Sans","Public Sans","Helvetica Neue",Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1.08;
  text-align:left;
  cursor:pointer;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
#homeView .gary-test-answers button:hover,
#homeView .gary-test-answers button:focus-visible,
#homeView .gary-test-result-actions button:hover,
#homeView .gary-test-result-actions button:focus-visible{background:#fff;color:#101319;transform:translateY(-1px)}
#homeView .gary-test-processing{top:84px}
#homeView .gary-test-processing>strong{max-width:19ch;font-size:22px}
#homeView .gary-test-loader{display:flex;gap:5px;margin-top:18px}
#homeView .gary-test-loader i{width:6px;height:6px;border-radius:50%;background:#fff;animation:garyTestDot .9s ease-in-out infinite alternate}
#homeView .gary-test-loader i:nth-child(2){animation-delay:.16s}
#homeView .gary-test-loader i:nth-child(3){animation-delay:.32s}
@keyframes garyTestDot{to{opacity:.22;transform:translateY(-5px)}}
#homeView .gary-test-result{top:49px}
#homeView .gary-test-result>strong{margin-bottom:7px;font-size:19px}
#homeView .gary-test-result>p{max-width:34ch;margin:0;color:rgba(245,246,248,.78);font-size:9px;font-weight:500;line-height:1.28}
#homeView .gary-test-result-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#homeView .gary-test-result-actions button{min-height:31px;padding:0 11px;text-align:center}
#homeView .gary-test-result-actions button:first-child{background:#fff;color:#101319}
#homeView .gary-test-result-actions button:first-child:hover,#homeView .gary-test-result-actions button:first-child:focus-visible{background:#3454d1;color:#fff}

#homeView .gary-test-visual{
  position:relative;
  align-self:stretch;
  display:flex;
  min-width:0;
  align-items:flex-end;
  justify-content:center;
  margin:0;
  overflow:hidden;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
}
#homeView .gary-test-visual::before{content:"";position:absolute;left:10px;right:10px;bottom:28px;height:1px;background:rgba(255,255,255,.13)}
#homeView .gary-test-visual img{position:relative;z-index:1;display:block;width:112px;max-width:138%;height:auto;margin:0 -8px 16px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.32));user-select:none}
#homeView .gary-test-visual figcaption{position:absolute;z-index:2;left:0;right:0;bottom:8px;color:rgba(245,246,248,.52);font-size:6px;text-align:center;white-space:nowrap}
#homeView .gary-test-close{
  position:absolute;
  z-index:5;
  top:8px;
  right:8px;
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  padding:0 0 2px;
  color:#fff;
  font:400 18px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
#homeView .gary-test-close:hover,#homeView .gary-test-close:focus-visible{background:#fff;color:#101319;transform:rotate(90deg)}

@media(max-width:760px){
  #homeView .gary-desk-stage{height:245px}
  #homeView .gary-window.is-gary-test .gary-desk-stage{height:360px}
  #homeView .gary-test-panel{grid-template-columns:minmax(0,1fr) 96px;padding:20px}
  #homeView .gary-front-desk-state{padding:18px}
  #homeView .gary-test-question>strong,#homeView .gary-test-processing>strong{font-size:22px}
  #homeView .gary-test-answers button{min-height:42px;font-size:10px}
  #homeView .gary-test-result>p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  #homeView .gary-window,#homeView .gary-window-content,#homeView .gary-desk-stage,#homeView .gary-desk-stage::before,#homeView .gary-front-desk-state,#homeView .gary-test-panel{transition-duration:.01ms!important;transition-delay:0s!important}
  #homeView .gary-test-loader i{animation:none}
}

/* Gate 8.1 — quiet Gary Test, fixed card size, and a photo-ready Front Desk. */
#homeView .gary-window{--front-desk-image:none}
#homeView .gary-window-content::after{content:none!important;display:none!important}
#homeView .gary-front-desk-state{
  align-items:stretch;
  padding:10px 18px 12px;
  background-image:
    linear-gradient(90deg,rgba(243,241,234,.98) 0%,rgba(243,241,234,.96) 48%,rgba(243,241,234,.54) 72%,rgba(243,241,234,.18) 100%),
    var(--front-desk-image);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
#homeView .gary-front-desk-state .gary-profile-copy{
  align-self:stretch;
  justify-content:flex-start;
  padding-top:0;
}
#homeView .gary-front-desk-state .gary-profile-copy small{margin-top:0;margin-bottom:6px}
#homeView .gary-front-desk-state .gary-profile-copy>strong{font-size:20px;line-height:1.04}
#homeView .gary-front-desk-state .gary-profile-copy>p{margin-top:6px}
#homeView .gary-front-desk-state .gary-desk-actions{margin-top:auto;padding-top:8px}

#homeView .gary-window.is-gary-test{
  background-color:rgba(243,241,234,.82);
  box-shadow:0 38px 96px rgba(0,0,0,.5),0 10px 28px rgba(0,0,0,.32);
}
#homeView .gary-window.is-gary-test .gary-window-content{background-color:rgba(243,241,234,.78)}
#homeView .gary-window.is-gary-test .gary-desk-stage{height:179px}
#homeView .gary-desk-stage::before{
  background:linear-gradient(145deg,rgba(250,249,245,.88),rgba(228,229,226,.76));
  -webkit-backdrop-filter:blur(24px) saturate(.82);
  backdrop-filter:blur(24px) saturate(.82);
}
#homeView .gary-desk-stage::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:7px;
  display:block;
  border:1px dashed rgba(52,84,209,.34);
  border-radius:6px;
  opacity:0;
  pointer-events:none;
  transition:opacity .32s ease;
}
#homeView .gary-window.is-gary-test .gary-desk-stage::after{opacity:1}
#homeView .gary-window.is-gary-test .gary-front-desk-state{filter:none;transform:translate3d(-8px,0,0)}

#homeView .gary-test-panel{
  grid-template-columns:minmax(0,1fr) 58px;
  gap:8px;
  padding:12px 13px 11px 14px;
  color:#101319;
  transform:translate3d(8px,0,0);
  transition:opacity .3s .08s ease,transform .48s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-test-copy{padding-top:0}
#homeView .gary-test-header{height:10px;padding-right:24px}
#homeView .gary-test-header small,
#homeView .gary-test-header span,
#homeView .gary-test-question>span,
#homeView .gary-test-processing>span,
#homeView .gary-test-result>span{
  color:#3454d1;
  font-size:6.5px;
  font-weight:750;
}
#homeView .gary-test-header span{color:rgba(16,19,25,.48)}
#homeView .gary-test-progress{gap:3px;margin:5px 0 7px}
#homeView .gary-test-progress i{height:2px;background:rgba(52,84,209,.13)}
#homeView .gary-test-progress i.is-active{background:#3454d1}
#homeView .gary-test-question,
#homeView .gary-test-processing,
#homeView .gary-test-result{top:31px}
#homeView .gary-test-panel.is-swapping .gary-test-question,
#homeView .gary-test-panel.is-swapping .gary-test-result{opacity:0;transform:translate3d(0,-5px,0)}
#homeView .gary-test-question>strong,
#homeView .gary-test-processing>strong,
#homeView .gary-test-result>strong{
  max-width:20ch;
  margin:3px 0 7px;
  color:#101319;
  font-size:16px;
  font-weight:900;
  line-height:.96;
  letter-spacing:-.05em;
}
#homeView .gary-test-answers{gap:4px}
#homeView .gary-test-answers button,
#homeView .gary-test-result-actions button{
  min-height:30px;
  border:1px dashed rgba(52,84,209,.3);
  border-radius:5px;
  background:rgba(52,84,209,.025);
  padding:5px 8px;
  color:#101319;
  font-size:8px;
  font-weight:650;
  line-height:1.05;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:background-color .24s cubic-bezier(.22,1,.36,1),border-color .24s ease,color .24s ease,transform .24s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-test-answers button:hover,
#homeView .gary-test-answers button:focus-visible,
#homeView .gary-test-result-actions button:hover,
#homeView .gary-test-result-actions button:focus-visible{
  border-color:#3454d1;
  background:#3454d1;
  color:#fff;
  transform:translateY(-1px);
}
#homeView .gary-test-processing{top:51px}
#homeView .gary-test-processing>strong{max-width:18ch;font-size:17px}
#homeView .gary-test-loader{gap:4px;margin-top:11px}
#homeView .gary-test-loader i{width:4px;height:4px;background:#3454d1}
#homeView .gary-test-result{top:29px}
#homeView .gary-test-result>strong{margin-bottom:5px;font-size:16px}
#homeView .gary-test-result>p{max-width:38ch;margin:0;color:rgba(16,19,25,.68);font-size:7.5px;font-weight:550;line-height:1.2}
#homeView .gary-test-result-actions{gap:4px;margin-top:8px}
#homeView .gary-test-result-actions button{min-height:25px;padding:0 8px;text-align:center}
#homeView .gary-test-result-actions button:first-child{border-color:#101319;background:#101319;color:#fff}
#homeView .gary-test-result-actions button:first-child:hover,#homeView .gary-test-result-actions button:first-child:focus-visible{border-color:#3454d1;background:#3454d1;color:#fff}

#homeView .gary-test-visual{
  overflow:visible;
  border-radius:0;
  background:transparent;
}
#homeView .gary-test-visual::before{left:5px;right:5px;bottom:15px;background:rgba(52,84,209,.18)}
#homeView .gary-test-visual img{
  width:61px;
  max-width:none;
  margin:0 -2px 9px 0;
  opacity:0;
  transform:translate3d(88px,0,0);
  filter:drop-shadow(0 4px 3px rgba(0,0,0,.23));
  transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .22s ease;
}
#homeView .gary-test-visual img.is-arrived{opacity:1;transform:translate3d(0,0,0)}
#homeView .gary-test-visual figcaption{display:none}
#homeView .gary-test-close{
  top:7px;
  right:7px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#101319;
  padding:0;
  font-size:0;
}
#homeView .gary-test-close span::before,
#homeView .gary-test-close span::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:1.5px;
  border-radius:99px;
  background:#fff;
  transform:translate(-50%,-50%) rotate(45deg);
}
#homeView .gary-test-close span::after{transform:translate(-50%,-50%) rotate(-45deg)}
#homeView .gary-test-close:hover,#homeView .gary-test-close:focus-visible{background:#3454d1;color:#fff;transform:none}

@media(max-width:760px){
  #homeView .gary-desk-stage,
  #homeView .gary-window.is-gary-test .gary-desk-stage{height:245px}
  #homeView .gary-test-panel{grid-template-columns:minmax(0,1fr) 66px;padding:18px}
  #homeView .gary-test-header{height:12px}
  #homeView .gary-test-header small,#homeView .gary-test-header span,#homeView .gary-test-question>span,#homeView .gary-test-processing>span,#homeView .gary-test-result>span{font-size:7px}
  #homeView .gary-test-question,#homeView .gary-test-result{top:44px}
  #homeView .gary-test-processing{top:68px}
  #homeView .gary-test-question>strong,#homeView .gary-test-processing>strong,#homeView .gary-test-result>strong{font-size:20px}
  #homeView .gary-test-answers button{min-height:40px;font-size:9px}
  #homeView .gary-test-result>p{font-size:9px;line-height:1.25}
  #homeView .gary-test-result-actions{margin-top:12px}
  #homeView .gary-test-result-actions button{min-height:34px;font-size:9px}
  #homeView .gary-test-visual img{width:70px;margin-bottom:13px}
}

/* Gate 8.2 — News-like Front Desk, then only the essential dark-glass test. */
#homeView .gary-front-desk-state{
  grid-template-columns:minmax(0,1fr) 92px;
  gap:13px;
  padding:15px 18px 14px 20px;
}
#homeView .gary-front-desk-state .gary-profile-copy{justify-content:flex-start}
#homeView .gary-front-desk-state .gary-profile-copy small{
  margin:0 0 7px;
  font-size:8px;
  line-height:1.1;
  letter-spacing:.08em;
}
#homeView .gary-front-desk-state .gary-profile-copy>strong{
  max-width:16ch;
  font-size:23px;
  font-weight:700;
  line-height:.98;
  letter-spacing:-.045em;
}
#homeView .gary-front-desk-state .gary-profile-copy>p{
  margin:7px 0 0;
  color:#59606c;
  font-size:10px;
  font-weight:500;
  line-height:1.24;
}
#homeView .gary-front-desk-state .gary-desk-actions{margin:10px 0 0;padding:0}
#homeView .gary-front-desk-state .gary-phone-visual{align-self:center}
#homeView .gary-front-desk-state .gary-phone{width:92%;margin-inline:auto}

#homeView .gary-window.is-gary-test{
  background-color:rgba(24,26,31,.68);
  box-shadow:0 38px 96px rgba(0,0,0,.54),0 10px 28px rgba(0,0,0,.34);
}
#homeView .gary-window.is-gary-test .gary-window-content{background-color:rgba(25,27,32,.56)}
#homeView .gary-window.is-gary-test .gary-desk-stage::before{
  background:
    radial-gradient(circle at 78% 12%,rgba(255,255,255,.09),transparent 38%),
    linear-gradient(145deg,rgba(57,59,65,.72),rgba(24,26,31,.68));
  -webkit-backdrop-filter:blur(25px) saturate(.82);
  backdrop-filter:blur(25px) saturate(.82);
}
#homeView .gary-desk-stage::after{content:none!important;display:none!important}
#homeView .gary-test-panel{
  grid-template-columns:minmax(0,1fr) 54px;
  gap:10px;
  padding:14px 13px 12px 17px;
  color:#fff;
}
#homeView .gary-test-header{
  height:auto;
  padding-right:24px;
}
#homeView .gary-test-header small,
#homeView .gary-test-header span,
#homeView .gary-test-processing>span{
  color:rgba(255,255,255,.52);
  font-size:7px;
  font-weight:650;
  letter-spacing:.08em;
}
#homeView .gary-test-header small{color:rgba(255,255,255,.82)}
#homeView .gary-test-progress,
#homeView .gary-test-question>span,
#homeView .gary-test-result>span{display:none!important}
#homeView .gary-test-question,
#homeView .gary-test-result{top:39px}
#homeView .gary-test-processing{top:52px}
#homeView .gary-test-question>strong,
#homeView .gary-test-processing>strong,
#homeView .gary-test-result>strong{
  max-width:20ch;
  margin:0 0 10px;
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}
#homeView .gary-test-processing>strong{margin-top:5px;font-size:19px}
#homeView .gary-test-answers{gap:5px}
#homeView .gary-test-answers button,
#homeView .gary-test-result-actions button{
  min-height:30px;
  border:0;
  border-radius:6px;
  background:rgba(255,255,255,.075);
  padding:5px 9px;
  color:rgba(255,255,255,.82);
  font-size:8px;
  font-weight:550;
  transition:background-color .2s cubic-bezier(.22,1,.36,1),color .2s ease,transform .2s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-test-answers button:hover,
#homeView .gary-test-answers button:focus-visible,
#homeView .gary-test-result-actions button:hover,
#homeView .gary-test-result-actions button:focus-visible{
  background:#fff;
  color:#101319;
  transform:translateY(-1px);
}
#homeView .gary-test-loader{display:none}
#homeView .gary-test-result>strong{margin-bottom:6px;font-size:18px}
#homeView .gary-test-result>p{
  max-width:37ch;
  color:rgba(255,255,255,.58);
  font-size:8px;
  font-weight:500;
  line-height:1.22;
}
#homeView .gary-test-result-actions{gap:5px;margin-top:10px}
#homeView .gary-test-result-actions button{min-height:27px;padding:0 10px;text-align:center}
#homeView .gary-test-result-actions button:first-child{
  border:0;
  background:#fff;
  color:#101319;
}
#homeView .gary-test-result-actions button:first-child:hover,
#homeView .gary-test-result-actions button:first-child:focus-visible{background:#fff;color:#101319}
#homeView .gary-test-visual::before{background:rgba(255,255,255,.12)}
#homeView .gary-test-close{background:rgba(255,255,255,.11)}
#homeView .gary-test-close span::before,
#homeView .gary-test-close span::after{background:#fff}
#homeView .gary-test-close:hover,
#homeView .gary-test-close:focus-visible{background:#fff}
#homeView .gary-test-close:hover span::before,
#homeView .gary-test-close:hover span::after,
#homeView .gary-test-close:focus-visible span::before,
#homeView .gary-test-close:focus-visible span::after{background:#101319}

@media(max-width:760px){
  #homeView .gary-front-desk-state{grid-template-columns:minmax(0,1fr) 105px;padding:18px 20px}
  #homeView .gary-front-desk-state .gary-profile-copy>strong{font-size:24px}
  #homeView .gary-test-panel{grid-template-columns:minmax(0,1fr) 62px;padding:18px 17px 16px 20px}
  #homeView .gary-test-question,#homeView .gary-test-result{top:50px}
  #homeView .gary-test-processing{top:72px}
  #homeView .gary-test-question>strong,#homeView .gary-test-processing>strong,#homeView .gary-test-result>strong{font-size:21px}
  #homeView .gary-test-answers button{min-height:40px;font-size:9px}
  #homeView .gary-test-result>p{font-size:9px}
}

/* Gate 8.3 — tighter desk, clean glass, and a quieter sense of progress. */
#homeView .gary-window{--window-height:158px}
#homeView .gary-window::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
#homeView .gary-desk-stage,
#homeView .gary-window.is-gary-test .gary-desk-stage{height:158px}
#homeView .gary-front-desk-state{padding-top:12px;padding-bottom:12px}
#homeView .gary-front-desk-state .gary-desk-actions{margin-top:10px}
#homeView .gary-test-header small{
  font-weight:900;
  font-style:italic;
  letter-spacing:.035em;
}
#homeView .gary-test-header span{display:none!important}
#homeView .gary-test-processing{top:43px}
#homeView .gary-test-loader{
  display:flex;
  gap:5px;
  margin-top:11px;
}
#homeView .gary-test-loader i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  opacity:1;
  animation:garyTestDotQuiet .72s ease-in-out infinite alternate;
}
#homeView .gary-test-loader i:nth-child(2){animation-delay:.13s}
#homeView .gary-test-loader i:nth-child(3){animation-delay:.26s}
@keyframes garyTestDotQuiet{
  to{transform:translateY(-2px) scale(1.08)}
}

@media(max-width:760px){
  #homeView .gary-window{--window-height:220px}
  #homeView .gary-desk-stage,
  #homeView .gary-window.is-gary-test .gary-desk-stage{height:220px}
  #homeView .gary-test-processing{top:58px}
}

@media(prefers-reduced-motion:reduce){
  #homeView .gary-test-loader i{animation:none;opacity:.72}
}

/* Gate 8.4 — photographic desk, fixed quiz geometry, photographic sign-off. */
#homeView .gary-window{
  --front-desk-image:url("assets/front-desk-gary-photo-v1.png");
  --front-desk-result-image:url("assets/front-desk-gary-photo-thumbs-up-v1.png");
}
#homeView .gary-front-desk-state{
  display:block;
  padding:12px 16px;
  background-image:
    linear-gradient(90deg,rgba(245,244,240,.2) 0%,rgba(245,244,240,.08) 48%,transparent 64%),
    var(--front-desk-image);
  background-position:center;
  background-size:cover;
}
#homeView .gary-front-desk-state .gary-profile-copy{
  display:flex;
  width:56%;
  height:100%;
  padding:0;
}
#homeView .gary-front-desk-state .gary-profile-copy small{margin-bottom:5px}
#homeView .gary-front-desk-state .gary-profile-copy>strong{
  max-width:18ch;
  font-size:18px;
  line-height:1;
}
#homeView .gary-front-desk-state .gary-desk-actions{margin-top:8px}
#homeView .gary-front-desk-state .gary-phone-visual{display:none}

#homeView .gary-desk-stage::after{
  content:""!important;
  position:absolute;
  z-index:1;
  inset:0;
  display:block!important;
  border:0;
  border-radius:inherit;
  background-image:
    linear-gradient(90deg,rgba(245,244,240,.2) 0%,rgba(245,244,240,.08) 49%,transparent 66%),
    var(--front-desk-result-image);
  background-position:center;
  background-size:cover;
  opacity:0;
  pointer-events:none;
  transition:opacity .62s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-window.is-gary-result .gary-desk-stage::after,
#homeView .gary-window.is-gary-test:not(.is-gary-result) .gary-desk-stage::after{opacity:0}

#homeView .gary-test-panel{
  display:block;
  overflow:hidden;
  isolation:isolate;
  padding:11px 16px 10px;
}
#homeView .gary-test-panel::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background-image:
    linear-gradient(90deg,rgba(245,244,240,.2) 0%,rgba(245,244,240,.08) 49%,transparent 66%),
    var(--front-desk-result-image);
  background-position:center;
  background-size:cover;
  opacity:0;
  pointer-events:none;
  transition:opacity .62s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-window.is-gary-result .gary-test-panel::before{opacity:1}
#homeView .gary-test-copy{z-index:1;width:100%;height:100%}
#homeView .gary-test-visual{display:none!important}
#homeView .gary-test-header{height:10px;padding-right:24px}
#homeView .gary-test-question{
  top:28px;
  transition:opacity .32s ease,transform .38s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-test-question>strong{
  display:flex;
  width:100%;
  height:34px;
  max-width:none;
  align-items:flex-start;
  margin:0 0 5px;
  font-size:17px;
  line-height:1;
}
#homeView .gary-test-answers{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}
#homeView .gary-test-answers button{
  min-height:29px;
  padding:4px 9px;
}
#homeView .gary-test-panel.is-swapping .gary-test-question{
  opacity:0;
  transform:translate3d(0,-4px,0);
  pointer-events:none;
}
#homeView .gary-test-processing{top:39px}

#homeView .gary-window.is-gary-result .gary-window-content{background-color:rgba(243,241,234,.76)}
#homeView .gary-window.is-gary-result .gary-test-header{opacity:0}
#homeView .gary-window.is-gary-result .gary-test-result{
  top:18px;
  right:auto;
  width:56%;
}
#homeView .gary-window.is-gary-result .gary-test-result>strong{
  max-width:17ch;
  margin:0 0 5px;
  color:#101319;
  font-size:17px;
  line-height:.98;
}
#homeView .gary-window.is-gary-result .gary-test-result>p{
  max-width:29ch;
  color:rgba(16,19,25,.65);
  font-size:7.5px;
  font-weight:550;
  line-height:1.2;
}
#homeView .gary-window.is-gary-result .gary-test-result-actions{margin-top:9px}
#homeView .gary-window.is-gary-result .gary-test-result-actions button{
  min-height:26px;
  background:rgba(16,19,25,.1);
  color:#101319;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
#homeView .gary-window.is-gary-result .gary-test-result-actions button:first-child{
  background:#101319;
  color:#fff;
}
#homeView .gary-window.is-gary-result .gary-test-result-actions button:hover,
#homeView .gary-window.is-gary-result .gary-test-result-actions button:focus-visible{
  background:#fff;
  color:#101319;
}
#homeView .gary-window.is-gary-result .gary-test-close{background:rgba(16,19,25,.16)}
#homeView .gary-window.is-gary-result .gary-test-close span::before,
#homeView .gary-window.is-gary-result .gary-test-close span::after{background:#101319}

@media(max-width:760px){
  #homeView .gary-front-desk-state{padding:18px 20px}
  #homeView .gary-front-desk-state .gary-profile-copy{width:58%}
  #homeView .gary-front-desk-state .gary-profile-copy>strong{font-size:22px}
  #homeView .gary-test-panel{padding:17px 20px 14px}
  #homeView .gary-test-question{top:42px}
  #homeView .gary-test-question>strong{height:44px;font-size:20px}
  #homeView .gary-test-answers button{min-height:39px}
  #homeView .gary-test-processing{top:58px}
  #homeView .gary-window.is-gary-result .gary-test-result{top:29px;width:57%}
  #homeView .gary-window.is-gary-result .gary-test-result>strong{font-size:20px}
  #homeView .gary-window.is-gary-result .gary-test-result>p{font-size:9px}
}

/* Gate 8.5 — coherent desk type, circular close motion, larger broadcast. */
#homeView .studio-broadcast-window{
  --window-width:481px;
  --window-height:393px;
}

#homeView .gary-front-desk-state .gary-profile-copy small{
  margin:0 0 9px;
  color:#3454d1;
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
}
#homeView .gary-front-desk-state .gary-profile-copy>strong{
  max-width:18ch;
  font-size:19px;
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.04em;
}
#homeView .gary-front-desk-state .gary-profile-copy{width:58%}
#homeView .gary-front-desk-state .gary-desk-actions{margin-top:12px}
#homeView .gary-front-desk-state .gary-desk-toggle{
  min-height:34px;
  padding:0 17px;
  font-size:clamp(9px,.67vw,11px);
  font-weight:600;
}

@media(max-width:760px){
  #homeView .gary-front-desk-state .gary-profile-copy small{margin-bottom:11px}
  #homeView .gary-front-desk-state .gary-profile-copy>strong{font-size:22px}
  #homeView .gary-front-desk-state .gary-desk-actions{margin-top:14px}
}

/* Gate 8.6 — screenshot start layout and a clean desk sign-off. */
#homeView .studio-broadcast-window{
  --window-start-x:60.1vw;
  --window-start-y:10.1svh;
}
#homeView .gary-window{
  --window-start-x:64.4vw;
  --window-start-y:67.8svh;
}
#homeView .gary-front-desk-state .gary-profile-copy{width:56%}
#homeView .gary-front-desk-state .gary-profile-copy>strong{
  max-width:18ch;
  font-size:20px;
}


/* Gate 8.7 — borderless card and direct photo-to-glass dissolve. */
#homeView .gary-window{
  border:0!important;
  outline:0!important;
  background:transparent;
  background-clip:border-box;
}
#homeView .gary-window.is-gary-test{background:transparent!important}
#homeView .gary-window-content,
#homeView .gary-window.is-gary-test .gary-window-content,
#homeView .gary-desk-stage{
  border:0!important;
  outline:0!important;
  background:transparent;
}
#homeView .gary-window-content,
#homeView .gary-desk-stage{
  clip-path:inset(0 round var(--window-edge-radius));
  transform:translateZ(0);
}
#homeView .gary-front-desk-state{
  transform:translate3d(0,0,0) scale(1);
  transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-window.is-gary-test .gary-front-desk-state{
  opacity:0;
  filter:none;
  transform:translate3d(0,0,0) scale(1.012);
}
#homeView .gary-desk-stage::before{
  transition:opacity .42s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-test-panel{
  opacity:0;
  transform:translate3d(0,3px,0);
  transition:opacity .3s .16s ease,transform .44s .1s cubic-bezier(.22,1,.36,1);
}
#homeView .gary-window.is-gary-test .gary-test-panel{
  opacity:1;
  transform:translate3d(0,0,0);
}
#homeView .gary-test-header{padding-right:0}