/* Geometry and glass from garcy-studio/styles.css; type from pitch 1184:5033. */
:root {font-synthesis:none;--text-sm:19.362px;--paper:#fafafa}
body {background:var(--paper)}
.deck-header {left:16px;right:12px;top:12px}
.brands {gap:20px;align-items:center;padding-top:4px;height:19px}
.garcy-brand {display:block;width:88.571px;height:15px;max-width:none;object-fit:contain}
#client-brand {font:500 15px/1 'Restart Soft',sans-serif;letter-spacing:-.04em}
#client-brand img {height:15px;max-height:22px;max-width:110px;width:auto}
.brand-times {font:400 10px/1 var(--mono);color:#9d9d9d}
.top-controls {position:relative;height:53px;gap:8px;padding:4px;border:0;border-radius:12px;background:rgba(255,255,255,.2);backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%);box-shadow:inset 0 0 0 .6px #ffffff28,0 3px 12px #0002}
.top-controls .smile {display:block;padding:0;width:44px;height:45px;border-radius:8px;background:#f3ff47}
.top-controls .smile>img {display:block;width:44px;height:45px}
.top-controls #search-open {display:grid;place-items:center;width:45.925px;height:45.702px;border-radius:8px;background:#000;color:#b8b8b8;padding:0}
.shortcut-label {display:flex;align-items:center;gap:2px;padding:3px;border-radius:4.5px;font:400 14px/1 'Restart Soft',sans-serif;letter-spacing:-.04em}
.shortcut-label img {width:11px;height:11px;object-fit:contain}
.top-controls #theme-toggle,.top-controls #language-toggle {position:absolute;top:10px;width:28px;height:33px;background:transparent;border-radius:7px;font:400 10px/1 var(--mono);color:var(--muted)}
.top-controls #language-toggle {right:116px}
.top-controls #theme-toggle {right:151px;font-size:20px}
.top-controls #theme-toggle:hover,.top-controls #language-toggle:hover {color:var(--ink);background:#ffffff12}
.deck-footer {inset:auto 0 0;height:80px}
.signature {position:absolute;left:35px;bottom:19px;height:12px;padding:0;color:#d0d0d0}
.signature>img {display:none}
.signature>span {font:400 8px/12px var(--mono);letter-spacing:0;text-transform:uppercase}
.motion-toggle {position:absolute;z-index:12;left:4px;bottom:9px;display:grid;place-items:center;width:32px;height:32px;background:transparent;border-radius:50%;opacity:.65;padding:0}
.motion-toggle>img {width:10.604px;height:11.722px}
.motion-toggle:hover,.motion-toggle[aria-pressed=true] {opacity:1}
.playback {position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:12px;width:91px;height:55px;padding:4px;border-radius:12px;background:#ffffff33;backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%);box-shadow:inset 0 0 0 .6px #ffffff28}
.audio-channel {display:flex;align-items:center;gap:12px;padding:4px 4px 4px 12px;border-radius:8px;background:#ffffff33}
.channel-icon {width:15px;height:11px;object-fit:contain}
.playback .audio-channel button {display:grid;place-items:center;width:39.5px;height:39.32px;padding:0;border-radius:4px;background:#090909}
.playback .audio-channel button img {width:11px;height:12px;object-fit:contain}
.playback .audio-channel button.playing {background:#fff}
.playback .audio-channel button.playing img {width:6px}
.playback #counter {right:111px;top:28px;font:400 8px/1 var(--mono);color:#d0d0d0}
.deck-navigation {right:12px;bottom:90px;gap:8px}
.nav-button,.nav-button.next {display:flex;align-items:center;justify-content:center;gap:10px;min-height:41px;padding:14px 16px;border-radius:17.19px;font:500 11px/13px 'Restart Soft',sans-serif;letter-spacing:0;color:#fff;background:rgba(175,175,175,.42);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 0 0 1px #ffffff38,0 4px 20px #00000026;transition:background 200ms ease}
.nav-button.next {background:rgba(210,210,210,.48)}
.nav-button img {width:10.254px;height:10.254px;object-fit:contain}
.nav-button:hover,.nav-button.next:hover {background:rgba(220,220,220,.55)}
.section-slider {bottom:12px;width:390px}
.slider-track,.slider-thumb {height:46px}
.slider-track {background:rgba(30,30,30,.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.slider-thumb {font:500 12px/1 'Restart Soft',sans-serif;letter-spacing:-.04em;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.slider-labels {margin-top:9px}
.slider-labels button {font-size:8px;color:#d0d0d0}
.spotlight {position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(circle 360px at var(--light-x,50%) var(--light-y,45%),transparent 0%,#00000006 35%,#00000028 100%);opacity:0;transition:opacity 650ms ease}
@media(hover:hover) and (pointer:fine) {.deck-frame[data-light=true] .spotlight {opacity:1}}
.intro-copy>p {font:500 19.362px/1 'Restart Soft',sans-serif;letter-spacing:-.7745px}
.intro-copy h1 {font:600 36.174px/.9 'Restart Soft',sans-serif;letter-spacing:-2.1704px;max-width:338px}
.intro-copy h1 em {font-size:1em;line-height:.9;letter-spacing:inherit}
.enter-button {width:300.66px;max-width:100%;min-height:74.154px;padding:25.077px 28.66px;gap:17.912px;justify-content:center;border-radius:30.792px;font:500 19.703px/24px 'Restart Soft',sans-serif;letter-spacing:0;white-space:nowrap;background:rgba(243,243,243,.2);backdrop-filter:blur(53.737px);-webkit-backdrop-filter:blur(53.737px);box-shadow:inset 0 1px 0 #ffffff12,inset 0 -1px 0 #0000000a}
.enter-button>span {font:inherit}
.enter-button small {flex-shrink:0;font:400 8px/1 var(--mono);letter-spacing:0;color:#d0d0d0}
.enter-button .entry-sound-art {width:auto;height:auto;flex-shrink:0}
.enter-button:hover {background:rgba(243,243,243,.28)}
.glass-card {background:rgba(48,48,48,.52);border-radius:17.19px;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:inset 0 0 0 .75px #ffffff2b,inset 0 1px 0 #ffffff18,0 8px 24px #0003}
.glass-card:after {background:linear-gradient(135deg,#ffffff08,#ffffff00 45%,#ffffff03);box-shadow:none}
.problem-column:nth-child(2) .glass-card {background:rgba(83,83,83,.52)}
.column-label {font:500 19.362px/1 'Restart Soft',sans-serif;letter-spacing:-.7745px}
.problem-column h2 {font:600 20.979px/1 'Restart Soft',sans-serif;letter-spacing:-.8392px;max-width:333px}
.problem-column .glass-card>p {font:400 15.734px/1 'Restart Soft',sans-serif;letter-spacing:-.6294px;max-width:299px;color:#d0d0d0}
.split-copy h1,.phase-intro h1 {font:500 34px/1 'Restart Soft',sans-serif;letter-spacing:-1.36px}
.split-description {font:500 19.362px/1 'Restart Soft',sans-serif;letter-spacing:-.7745px}
.screen-process .split-description {font:500 34px/1 'Restart Soft',sans-serif;letter-spacing:-1.36px}
.project-image {position:absolute;inset:0}
.project-image>img {display:block;width:100%;height:100%;object-fit:cover}
.project-slideshow:after {z-index:6;pointer-events:none}
.project-slideshow .project-caption {z-index:7}
.project-image .card-pixels {z-index:5}
.phase-number {z-index:4;pointer-events:none;display:flex;align-items:center;gap:0;font:400 clamp(140px,14.22vw,205px)/1.05 'Restart Soft',sans-serif;letter-spacing:-.06em;bottom:7.6%;height:1.05em}
.phase-digit {position:relative;display:block;width:.57em;height:1.05em;perspective:800px;text-align:center}
.phase-digit-base,.phase-flap {position:absolute;inset:0;display:block;line-height:1.05em;transform-origin:50% 50%;backface-visibility:hidden}
.phase-flap.top {clip-path:inset(0 0 50% 0);z-index:3}
.phase-flap.bottom {clip-path:inset(50% 0 0 0);z-index:2}
.phase-flap.bottom.new {z-index:4}
.phase-digit.flipping .phase-digit-base {clip-path:inset(0 0 50% 0)}
.deliverables-list p,.phase-outcome p {font-weight:500}
.gain-cards h2 {font:600 24px/.95 'Restart Soft',sans-serif;letter-spacing:-1.44px}
.gain-cards p {font:500 14px/1 'Restart Soft',sans-serif;letter-spacing:-.56px}
.studio-values h3,.studio-values p {font:500 15.214px/normal 'Restart Soft',sans-serif;letter-spacing:-.6086px}
.price-summary {font:400 15.734px/1 'Restart Soft',sans-serif;letter-spacing:-.6294px;color:#d0d0d0}
.price-card li {font-weight:500}
.price-card {min-height:44vh}
.investment #price-total {display:flex;align-items:flex-start;line-height:1.25;letter-spacing:0;font-variant-numeric:tabular-nums;overflow:visible;height:1.25em;white-space:pre}
.price-cell {display:block;position:relative;width:.56em;height:1.25em;overflow:hidden;flex:0 0 .56em;text-align:center}
.price-literal {display:block;line-height:1.25em}
.price-wheel {position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;will-change:transform}
.price-wheel>span {display:block;flex:0 0 1.25em;height:1.25em;line-height:1.25em}
.investment {align-items:center;gap:24px}
.closing-copy {top:8.2%;left:5.58%;width:321px;max-width:70%;font:500 19.362px/1 'Restart Soft',sans-serif;letter-spacing:-.7745px}
.closing-title {top:33.5%;left:50%;transform:translateX(-50%);width:230px;max-width:none;font:600 24.615px/.9 'Restart Soft',sans-serif;letter-spacing:-1.4769px}
.closing-title em {font:600 italic 1em/.9 'Perfectly Nineties',serif;letter-spacing:inherit}
.closing-contact {top:51.5%;left:5.58%;font:500 12px/1 'Restart Soft',sans-serif;letter-spacing:0}
.closing-copyright {top:54%;right:5.58%;font:500 12px/1 'Restart Soft',sans-serif}
.joy-stamp {top:50%;left:50%;width:39.4%;max-width:none;transform:none;translate:-50% 0;filter:none;opacity:1;animation:joy-turn 45s linear infinite}
@keyframes joy-turn {to {rotate:360deg}}
.team-strip {top:59.7%;left:0;right:0;bottom:auto;height:361px}
.team-track {padding-inline:5.58vw;gap:4px;height:361px}
.team-card {flex:0 0 282px;width:282px;height:361px;aspect-ratio:auto}
.team-label {left:10px;bottom:10px;padding:8px 12px;border-radius:6px;font:500 9.354px/1.1 'Restart Soft',sans-serif}
.team-label span,.team-label a {font:inherit;color:#9d9d9d}
.motion-paused .joy-stamp {animation-duration:45s!important;animation-play-state:paused}
@keyframes stop-in {from {opacity:0;transform:translateX(18px)}to {opacity:1;transform:translateX(0)}}
:root[data-theme=light] .garcy-brand,:root[data-theme=light] .motion-toggle img {filter:invert(1)}
:root[data-theme=light] .spotlight {background:radial-gradient(circle 360px at var(--light-x,50%) var(--light-y,45%),#ffffff10 0%,transparent 35%,#00000018 100%)}
:root[data-theme=light] .signature,:root[data-theme=light] .slider-labels button,:root[data-theme=light] .playback #counter {color:#69735b}
:root[data-theme=light] .glass-card {background:#ffffff35}
:root[data-theme=light] .problem-column:nth-child(2) .glass-card {background:#ffffff55}
:root[data-theme=light] .nav-button {background:rgba(80,90,70,.3)}
:root[data-theme=light] .nav-button.next {background:rgba(80,90,70,.42)}
@media(max-height:820px) and (min-width:800px) {
  .split-copy h1,.phase-intro h1,.screen-process .split-description {font-size:29px;letter-spacing:-1.16px}
  .split-description {font-size:18px;line-height:1.05}
  .phase-number {font-size:145px;bottom:8%}
  .intro-copy {top:23%;height:49%;width:30%}
  .intro-copy h1 {font-size:32px;letter-spacing:-1.92px}
  .intro-copy>p {font-size:18px}
  .team-strip,.team-track,.team-card {height:34dvh}
  .team-card {width:26.56dvh;flex-basis:26.56dvh}
  .investment {margin-top:3vh}
  .screen-pricing {padding-bottom:90px}
  .investment #price-total {font-size:104px}
  .studio-values h3,.studio-values p {font-size:14px}
  .deliverables-list p,.phase-outcome p {font-size:16px;line-height:1.1}
  .deliverables-list h3,.phase-outcome h3 {font-size:17px}
  .deliverables-list {gap:22px}
  .phase-outcome {padding-top:20px;margin-top:24px}
}
@media(max-width:799px) {
  .deck-header {left:13px;right:10px;top:10px}
  .brands {gap:10px;height:19px}
  .garcy-brand {width:74px;height:12.53px}
  #client-brand {font-size:12px;max-width:90px}
  #client-brand img {max-width:70px;height:15px}
  .top-controls {transform:scale(.86);transform-origin:top right}
  .top-controls #theme-toggle {right:116px;top:49px}
  .top-controls #language-toggle {right:81px;top:49px}
  .signature {left:35px;bottom:19px}
  .signature>span {font-size:7px}
  .section-slider {width:calc(100vw - 48px);max-width:390px;bottom:80px}
  .slider-track,.slider-thumb {height:40px}
  .slider-labels button {font-size:7px}
  .deck-navigation {bottom:148px;right:12px}
  .nav-button,.nav-button.next {min-height:41px;font-size:11px;padding:14px 16px}
  .playback #counter {font-size:7px;right:105px}
  .screen {padding-bottom:210px}
  .intro-copy {width:80%;top:22%;height:43%}
  .intro-copy h1 {font-size:32px;letter-spacing:-1.92px;max-width:290px}
  .intro-copy>p {font-size:16px;max-width:245px}
  .enter-button {width:300.66px;min-height:74.154px;font-size:18px;padding:23px;gap:13px}
  .client-logos {bottom:15%}
  .split-copy h1,.phase-intro h1 {font-size:29px;letter-spacing:-1.16px}
  .split-description {font-size:18px;line-height:1.1}
  .screen-process .split-description {font-size:26px;line-height:1.05}
  .project-slideshow {height:auto;aspect-ratio:3/4;min-height:0;margin-bottom:210px}
  .phase-number {display:flex;left:24px;bottom:142px;font-size:52px;height:1.05em;z-index:10}
  .phase-intro {padding-top:0}
  .gain-cards h2 {font-size:22px;letter-spacing:-1.32px}
  .gain-cards p {font-size:14px;line-height:1.1}
  .studio-values h3,.studio-values p {font-size:14px;line-height:1.15}
  .investment #price-total {font-size:clamp(42px,11vw,75px)}
  .closing-copy {position:relative;top:auto;left:auto;width:auto;max-width:280px;margin:95px 24px 0;font-size:16px}
  .closing-title {position:relative;top:auto;left:auto;transform:none;margin:65px auto 45px;width:230px;font-size:24.615px}
  .closing-contact {position:relative;top:auto;left:auto;margin:0 24px;font-size:10px}
  .closing-copyright {position:relative;top:auto;right:auto;margin:15px 24px;font-size:10px}
  .joy-stamp {top:410px;width:90%}
  .team-strip {position:relative;top:auto;left:auto;right:auto;height:310px;margin:35px 0 210px}
  .team-track {height:310px;padding-inline:24px}
  .team-card {width:242px;flex-basis:242px;height:310px}
}
@media(prefers-reduced-motion:reduce) {.spotlight {display:none}.joy-stamp {animation:none}}