/* The selected studio composition, in VICONO red and silver. */
:root{--brand-red:#b6312b;--brand-silver:#a6b3c9;--accent:#f9685f;--canvas:#141519;--ink:#f4f5f6;--muted:#c4cad3;scrollbar-color:#a6b3c9 #181a1d}
::selection{background:#b6312b;color:#fff}
body{background:radial-gradient(ellipse at 20% 6%,#5c20252e,transparent 38%),#141519}
.site-header{background:#141519f2;border-bottom-color:#a6b3c928}
.site-header .header-contact{color:#ffaca6}
.hero-copy h1 em{color:#fa6157}
.hero-evidence,.studio-hero-credit{color:#c4cad3}
.hero-invitation .text-link{background:#b6312b;color:#fff;box-shadow:8px 16px 32px #0505065e}
.hero-invitation .text-link:hover{background:#cd3b34;color:#fff}
.room-light{background:radial-gradient(ellipse at 70% 43%,#53647b42,transparent 64%),radial-gradient(ellipse at 23% 83%,#b6312b24,transparent 54%)}
.room-light:before{background:radial-gradient(ellipse at 65% 42%,#6f879f65,transparent 64%)}
.room-light:after{background:radial-gradient(ellipse at 70% 45%,#b6312b66,transparent 64%)}
.studio-aperture{background:radial-gradient(ellipse at 82% 8%,#f98a7c 0,#d64940 18%,#b6312b 43%,#622126 71%,#24252f 100%);box-shadow:inset 1px 2px 2px #ffd4ce9c,-32px 40px 85px #641b2345;overflow:hidden}
.studio-aperture:after{content:'';position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,#f4f5f61b 48%,#a6b3c943 50%,transparent 57%);transform:translateX(-18%) rotate(-12deg);animation:studio-light-pass 9s ease-in-out infinite alternate;pointer-events:none}
.studio-floor{border-color:#a6b3c95c;background:linear-gradient(170deg,#a6b3c934,#a6b3c910 45%,#181a1d40 70%)}
.studio-background-type{color:#d8dfe719;letter-spacing:-.04em}
.studio-sample{background:linear-gradient(140deg,#d4dce8c4,#61708466);box-shadow:18px 30px 45px #04060980}
.studio-sample figcaption{background:#17191fe8}
.studio-glass-note{background:linear-gradient(130deg,#a6b3c93d,#252832e6);color:#f4f5f6}
.studio-glass-note svg{color:#ff9d94}
.case-proof,.case-scene[data-case-scene=torti] .case-proof,.case-scene[data-case-scene=spikes] .case-proof{background:linear-gradient(140deg,#a6b3c928,#23272fe8)}
.view-count strong,.case-scene[data-case-scene=torti] .view-count strong,.case-scene[data-case-scene=spikes] .view-count strong{color:#ffaca6;font-variant-numeric:tabular-nums}
.case-scene[data-case-scene=torti] .view-count strong{color:#c4d0e2}
.story-ring{border-color:#a6b3c9}
[aria-current=true] .story-ring{border-color:#f9685f}
.profile-glass,.event-case:first-child .profile-glass{background:#222731f2;border-color:#a6b3c94d}
.event-cases:before{background:radial-gradient(ellipse at 15% 30%,#53647b44,transparent 58%)}
.event-copy blockquote{background:#a6b3c90c;border-color:#a6b3c936}
.ambient-reaction svg{color:#f2857d;fill:#b6312b38}
.ambient-reaction:nth-child(2) svg,.ambient-reaction:nth-child(4) svg{fill:#d64a4070}
.ambient-reaction:nth-child(3n) svg{color:#c1ccdd;fill:#a6b3c929}
.ambient-reaction:nth-child(1){--duration:6.2s;--delay:-2s;--alpha:.7}
.ambient-reaction:nth-child(2){--duration:5.1s;--delay:-4s;--alpha:.74}
.ambient-reaction:nth-child(3){--duration:8s;--delay:-6s;--alpha:.22}
.ambient-reaction:nth-child(4){--duration:5.8s;--delay:-1s;--alpha:.6}
.ambient-reaction:nth-child(5){--duration:7.2s;--delay:-5s;--alpha:.25}
.ambient-reaction:nth-child(6){--duration:7.6s;--delay:-4s;--alpha:.21}
.ambient-reaction:nth-child(7){--x:95%;--size:35px;--duration:5.3s;--delay:-2s;--alpha:.74;--drift:-32px;--turn:30deg;--tilt:-13deg}
.ambient-reaction:nth-child(8){--x:86%;--size:46px;--duration:6s;--delay:-2.4s;--alpha:.54;--drift:30px;--turn:-24deg;--tilt:12deg}
.ambient-reaction:nth-child(9){--x:6%;--size:26px;--duration:7s;--delay:-4.8s;--alpha:.48;--drift:40px;--turn:32deg;--tilt:14deg}
.ambient-reaction:nth-child(10){--x:68%;--size:40px;--duration:6.6s;--delay:-3.4s;--alpha:.27;--drift:-26px;--turn:-24deg;--tilt:-16deg}
.ambient-toggle{background:#1b1d25ed;color:#e0e5ed;border-color:#a6b3c966}
.motion-type .word-mask{display:inline-block;overflow:clip;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}
.motion-type .word-ink{display:inline-block;transform:translateY(0)}
html[data-motion=full] .motion-type[data-reveal=waiting] .word-ink{transform:translateY(108%)}
html[data-motion=full] .motion-type[data-reveal=shown] .word-ink{transition:transform .82s cubic-bezier(.16,.8,.2,1);transition-delay:calc(var(--word-index)*32ms)}
.motion-rise{opacity:1;translate:0 0}
html[data-motion=full] .motion-rise[data-reveal=waiting]{opacity:0;translate:0 26px}
html[data-motion=full] .motion-rise[data-reveal=shown]{transition:opacity .7s ease-out,translate .8s cubic-bezier(.16,.8,.2,1)}
html[data-motion=full] .studio-sample{animation:studio-sample-float 5.2s ease-in-out infinite alternate}
html[data-motion=full] .sample-spikes{animation-delay:-2.6s;animation-duration:6.1s}
html[data-ambient=paused] .studio-aperture:after,html[data-ambient=resting] .studio-aperture:after,html[data-ambient=paused] .studio-sample,html[data-ambient=resting] .studio-sample{animation-play-state:paused}
@keyframes studio-light-pass{to{transform:translateX(17%) rotate(8deg)}}
@keyframes studio-sample-float{from{translate:0 5px}to{translate:0 -9px}}
html[data-motion=reduced] .studio-aperture:after{animation:none}
html[data-motion=reduced] .motion-type .word-ink,html[data-motion=reduced] .motion-rise{transition:none;transform:none;translate:none;opacity:1}
@media(max-width:760px){
 .ambient-reaction:nth-child(7){--x:93%;--size:25px;--alpha:.56;--drift:-13px}
 .ambient-reaction:nth-child(n+8){display:none;animation:none;will-change:auto}
 .ambient-reaction:nth-child(1){--alpha:.36}.ambient-reaction:nth-child(2){--alpha:.47}.ambient-reaction:nth-child(4){--alpha:.42}
 .case-proof,.case-scene[data-case-scene=torti] .case-proof,.case-scene[data-case-scene=spikes] .case-proof{background:transparent}
 .studio-hero-credit{color:#e3e7ed;background:#17191ff0}
}
@media(prefers-reduced-motion:reduce){
 .studio-aperture:after,.studio-sample{animation:none!important}
 .motion-type .word-ink,.motion-rise{transition:none!important;transform:none!important;translate:none!important;opacity:1!important}
}
.studio-team{background:#c8d1df;color:#181a1d}
.studio-team .studio-person-making h3{color:#9d2823}
.studio-team-join{color:#b6312b3d}
.studio-contact{background:#b6312b;color:#fff}
.studio-contact h2{color:#fff}
.studio-contact .s-contact-copy>p{color:#ffe6e3}
.studio-contact:before{border-color:#f7b5ad50}
.studio-contact:after{border-color:#ffd5cd63}
.studio-conversation span{background:#f2f4f5;color:#23272d}
.studio-conversation span:nth-child(2){background:#242831;color:#f4f5f6}
.studio-conversation svg{color:#f4f5f6}
.studio-contact .s-contact-copy :is(a,button):focus-visible{outline-color:#fff}
.studio-contact .m-contact-panel.inquiry-panel{background:linear-gradient(145deg,#303640,#181a1d 72%);box-shadow:16px 34px 58px #3c080d69}
.studio-contact .inquiry-panel .m-button{background:#f4f5f6;color:#181a1d}
.studio-contact .inquiry-panel .m-button:hover{background:#d5deeb}
.studio-contact .inquiry-panel>small{color:#c4cbd5}
.studio-footer{background:#141519}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  html[data-motion=full] .social-highlights{view-timeline-name:--social-story-depth;view-timeline-axis:block}
  html[data-motion=full] .social-story-frame{animation:social-story-depth linear both;animation-timeline:--social-story-depth;animation-range:entry 0% exit 100%}
  html[data-motion=full] .social-process{view-timeline-name:--social-process-depth;view-timeline-axis:block}
  html[data-motion=full] .process-note{animation:social-note-depth linear both;animation-timeline:--social-process-depth;animation-range:entry 0% exit 100%}
  @keyframes social-story-depth{from{translate:0 28px}to{translate:0 -28px}}
  @keyframes social-note-depth{from{translate:0 14px}to{translate:0 -14px}}
  @media(max-width:760px){@keyframes social-story-depth{from{translate:0 12px}to{translate:0 -12px}}@keyframes social-note-depth{from{translate:0 7px}to{translate:0 -7px}}}
 }
}