img[data-standin]{background-size:contain;background-position:center;background-repeat:no-repeat}

.t-h2       {font-size:6.25em;   font-weight:500;line-height:.80}
.t-card     {font-size:5.375em;  font-weight:600;line-height:.75}
.t-portfolio{font-size:var(--h2-size);font-weight:500;line-height:.76}
.t-sub      {font-size:3.75em;   font-weight:500;line-height:.80}
.t-sm       {font-size:1.375em;  font-weight:400;line-height:1.07}
.t-xs       {font-size:1.25em;   font-weight:400;line-height:1.10}

.t-lead,.t-body,.t-sm,.t-xs,.hero-sub,.contact-sub,.q-lead,
.q-block p,.is-note .pt-l,.review p{
  font-family:var(--sans);letter-spacing:0;font-weight:400;
}

.t-lead{font-size:1.5em;line-height:1.45}
.t-body{font-size:1.25em;line-height:1.6}
.t-sm,.t-xs{line-height:1.55}

.t-lead,.t-body{max-width:62ch}

.btn{
  display:inline-flex;align-items:center;gap:.5em;
  background:var(--ink);color:var(--cream);
  font-size:2em;font-weight:500;line-height:.8;letter-spacing:-.02em;
  padding:.24em .62em .3em .28em;border-radius:999px;white-space:nowrap;
  transition:transform .35s cubic-bezier(.32,.72,0,1),background .35s;
}
@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px);background:var(--canvas)}
}
.btn .dot{
  width:1.05em;height:1.05em;border-radius:50%;background:var(--neon);
  display:grid;place-items:center;flex:0 0 auto;
}
.btn .dot svg{width:.5em;height:.5em;fill:none;stroke:var(--ink);stroke-width:2.4}

.nav > *{pointer-events:auto}
.nav-left{display:flex;align-items:center;gap:.55em}
.nav-mid{
  position:absolute;left:50%;transform:translateX(-50%);
  display:flex;gap:1.6em;
}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:.7em}

.nav-cta{font-size:.92em;padding:.5em .9em .55em .5em;white-space:nowrap}

.insider{
  position:relative;padding:0 var(--gutter) var(--sec-base);
  display:flex;flex-direction:column;justify-content:flex-start;
}
.insider-grid{display:flex;gap:var(--s-7);align-items:center;justify-content:space-between;width:100%}

.insider-media{position:relative;width:48vw;height:36vw;flex:0 0 auto}

.insider-card{
  --rot:0deg;
  position:absolute;background:var(--white);padding:.85em;border-radius:2px;
  box-shadow:0 2.4vh 6vh -2vh rgba(12,32,30,.24);overflow:hidden;cursor:pointer;
  transform:rotate(var(--rot)) scale(1) translateY(0);
  transition:transform .26s var(--e-out),box-shadow .3s var(--e-out),
              filter .32s var(--e-out),opacity .22s ease;
}

@media (hover:hover) and (pointer:fine){
  .insider-card:hover{transform:rotate(var(--rot)) scale(1.015) translateY(-.7vh)}
}

.insider-card:active{transform:rotate(var(--rot)) scale(.985) translateY(0);transition-duration:.12s}
.insider-card[data-focus]{
  box-shadow:0 5.2vh 14vh -3vh rgba(12,32,30,.5);
  filter:none;
}
.insider-card[data-focus]:active{opacity:.94}

.insider-card::after{
  content:'';position:absolute;inset:0;background:var(--cream);
  opacity:0;pointer-events:none;transition:opacity .22s ease;
}
.insider-media[data-focus-on] .insider-card:not([data-focus]){
  filter:grayscale(.85) brightness(.42);
  box-shadow:0 1vh 3vh -1vh rgba(12,32,30,.2);
}
.insider-media[data-focus-on] .insider-card:not([data-focus])::after{opacity:.28}
.insider-card:focus-visible{outline:2px solid var(--ink);outline-offset:5px}

@media (prefers-reduced-motion:reduce){
  .insider-card,.insider-card:hover,.insider-card:active,
  .insider-card[data-focus],.insider-media[data-focus-on] .insider-card:not([data-focus]){
    transform:rotate(var(--rot));transition:box-shadow .2s ease;
  }
}
.insider-card > video,.insider-card > img{width:100%;height:100%;object-fit:cover;border-radius:1px;display:block}
.snd{
  position:absolute;right:1.1em;bottom:1.1em;width:2.6em;height:2.6em;
  border:0;border-radius:50%;background:rgba(12,32,30,.42);
  backdrop-filter:blur(6px);
  display:grid;place-items:center;cursor:pointer;
  transition:background .25s,transform .25s;
}
@media (hover:hover) and (pointer:fine){
  .snd:hover{background:rgba(12,32,30,.62);transform:scale(1.06)}
}
.snd svg{width:1.3em;height:1.3em;fill:var(--cream);stroke:var(--cream);stroke-width:1.7;
         stroke-linecap:round;overflow:visible}
.snd svg .wave,.snd svg .mute{fill:none}
.snd svg .wave{opacity:0}
.snd[data-on] svg .wave{opacity:1}
.snd[data-on] svg .mute{opacity:0}
.insider-card.c1{left:-14%;top:4%;width:27vw;height:104%;--rot:-6.5deg;z-index:1}
.insider-card.c2{left:26%;top:22%;width:22.5vw;height:98%;--rot:4.2deg;z-index:2}
.insider-card.c3{left:60%;top:0%;width:24vw;height:100%;--rot:-1.6deg;z-index:3}

.insider-text{width:30.6vw;margin-left:1.4vw;padding-top:1.67%}
.insider-text .t-body{margin-top:2.5vh;opacity:.78}
.insider-cta{margin-top:var(--s-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-6)}
.rating{display:flex;flex-direction:column;gap:var(--s-2)}
.stars{display:flex;gap:.14em}
.stars svg{width:1.25em;height:1.25em;fill:var(--ink)}

.sequence{position:relative;height:1000vh}
.seq-sticky{position:sticky;top:0;height:100vh;overflow:hidden}

.seq-video{

  --seq-zoom:0.615;
  position:absolute;left:50%;top:50%;
  height:calc(100% * var(--seq-zoom));

  aspect-ratio:576/1080;width:auto;
  max-width:calc(100% * var(--seq-zoom));
  transform-origin:center bottom;

  background:url(data:image/webp;base64,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) center/contain no-repeat;
}

.seq-lines{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.seq-lines path{fill:none;stroke:var(--white);stroke-width:26;stroke-linecap:round}

.seq-cards{position:absolute;left:0;top:0;width:100%;height:100%}

.seq-card{position:absolute;width:39vw;top:50%;translate:0 -50%}
.seq-card.is-left{left:13.9%}
.seq-card.is-right{left:47.6%}
.seq-card-in{
  position:relative;background:var(--cream);border-radius:1.4vh;
  padding:3.2em 2.4em 2.6em;
  box-shadow:0 3vh 8vh -3vh rgba(12,32,30,.2);
}
.seq-card .emblem{
  position:absolute;top:-3.4em;width:6.9vw;height:6.9vw;border-radius:50%;
  background:var(--white);display:grid;place-items:center;
}
.seq-card.is-right .emblem{left:43.5%}
.seq-card.is-left  .emblem{left:40%}
.seq-card .emblem svg{width:54%;height:54%;display:block}
.seq-card .emblem img{width:60%;height:auto}
.seq-card .emblem svg .e-draw{stroke-dasharray:1;stroke-dashoffset:0}
.seq-card .emblem svg .e-pop{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion: no-preference){
  .seq-card .emblem svg .e-draw{animation:emblem-draw 4s ease-in-out infinite}
  .seq-card .emblem svg .e-pop{animation:emblem-pop 4s ease-in-out infinite}
  .seq-card:nth-child(2) .emblem svg .e-draw,
  .seq-card:nth-child(2) .emblem svg .e-pop{animation-delay:1s}
  .seq-card:nth-child(3) .emblem svg .e-draw,
  .seq-card:nth-child(3) .emblem svg .e-pop{animation-delay:2s}
  .seq-card:nth-child(4) .emblem svg .e-draw,
  .seq-card:nth-child(4) .emblem svg .e-pop{animation-delay:3s}
}
@keyframes emblem-draw{
  0%{stroke-dashoffset:1}
  22%{stroke-dashoffset:0}
  70%{stroke-dashoffset:0}
  100%{stroke-dashoffset:1}
}
@keyframes emblem-pop{
  0%,6%{transform:scale(0)}
  26%{transform:scale(1.25)}
  33%{transform:scale(1)}
  68%{transform:scale(1)}
  86%,100%{transform:scale(0)}
}
.seq-card h3{margin:0;text-wrap:balance}
.seq-card .t-body{margin-top:var(--s-5);max-width:34ch;opacity:.82}

.seq-green-text .seq-card .t-body{color:var(--ink)}
.seq-short{height:656vh}

.statement{position:relative;overflow:hidden;background:var(--canvas);
  min-height:100vh;padding:var(--s-7) 0 var(--s-8);
  display:flex;flex-direction:column}

.statement-bg{position:absolute;inset:0}
.st-bg{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 30%;opacity:0;will-change:opacity}
.st-bg[data-voice-bg="0"]{opacity:.72;object-position:center 38%}
.statement-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(12,32,30,.78) 0%,rgba(12,32,30,.22) 26%,
    rgba(12,32,30,.28) 52%,rgba(12,32,30,.9) 88%)}

.statement-head{position:relative;z-index:1;width:100%;
  margin:0 auto;max-width:var(--maxw);padding:0 var(--gutter);text-align:center;
  font-family:var(--display);font-weight:600;color:var(--white);
  font-size:var(--h2-size);line-height:1.05;letter-spacing:-.035em;
  text-wrap:balance;text-shadow:0 2px 30px rgba(7,15,14,.6)}

.voices{position:relative;z-index:1;width:100%;
  margin:auto auto 0;padding:0 var(--gutter)}
.voice-bar{display:flex;align-items:center;gap:var(--s-5);margin:0 0 var(--s-6);
  max-width:var(--maxw);margin-inline:auto}
.voice-bar .reviews-kicker{display:none;flex:1;margin:0;padding:0}
.voice-bar .reviews-kicker.is-on{display:flex}
.voice-prog{display:flex;gap:8px;flex:none}
.voice-prog i{width:40px;height:2px;background:rgba(239,243,241,.28);
  position:relative;overflow:hidden;display:block}
.voice-prog i::after{content:"";position:absolute;inset:0;background:var(--neon);
  transform:scaleX(var(--f,0));transform-origin:left;transition:transform .45s var(--e-out)}
.voice-next{flex:none;width:2.9em;height:2.9em;border-radius:50%;
  border:1px solid rgba(239,243,241,.32);background:transparent;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;
  transition:background .28s var(--e-out),border-color .28s var(--e-out)}
.voice-next svg{width:44%;height:44%;fill:none;stroke:var(--cloud);stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .28s var(--e-out),translate .28s var(--e-out)}
@media (hover:hover) and (pointer:fine){
  .voice-next:hover{background:var(--neon);border-color:var(--neon)}
  .voice-next:hover svg{stroke:var(--ink);translate:.12em 0}
}
.voice-next.is-back svg{transform:scaleX(-1)}
.voice-next:focus-visible{outline:2px solid var(--neon);outline-offset:4px}

.voice-track{display:grid}
.voice-track .reviews{grid-area:1/1}
.reviews{display:flex;gap:var(--s-4);padding:0}
.reviews[data-voice="1"]{visibility:hidden}
.review{flex:1 1 0;min-width:0;background:var(--white);border-radius:14px;
  padding:1.6em 1.5em 1.5em;will-change:transform,opacity;
  display:flex;flex-direction:column}
.review .stars{margin-bottom:var(--s-4)}

.portfolio{position:relative;background:var(--canvas);min-height:118vh;padding:var(--sec-base) var(--gutter);display:flex;flex-direction:column;justify-content:center}
.portfolio-head{text-align:center}
.portfolio-head .t-sub{margin-top:1.4vh;font-size:2em}
.portfolio-head .t-body{margin:1.8vh auto 0;width:26vw;opacity:.75}

.pf{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,72px);
  align-items:center}
.pf:nth-child(even) .pf-shots{order:-1}
.pf-text{min-width:0}
.pf-icon{width:clamp(56px,4.6vw,74px);height:auto;border-radius:23%;display:block}
.pf h3{font-family:var(--display);font-weight:600;
  font-size:clamp(40px,5.2vw,84px);line-height:.92;letter-spacing:-.035em;
  color:var(--cloud);margin:var(--s-2) 0 0}
.pf-cat{margin:var(--s-4) 0 0;color:var(--fog)}
.pf-stats{display:flex;gap:clamp(28px,3.4vw,56px);margin:clamp(26px,3.6vh,44px) 0 0}
.pf-stats div{display:flex;flex-direction:column-reverse;gap:.5em}
.pf-stats .num{font-family:var(--display);font-weight:600;
  font-size:clamp(32px,3.4vw,54px);line-height:.9;letter-spacing:-.03em;
  color:var(--neon)}
.pf-stats .pf-star{margin-left:.22em;font-size:.5em;vertical-align:.5em;line-height:1}
.pf-stats .lbl{font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.pf-face{margin:clamp(20px,2.6vh,32px) 0 0;
  font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}
.pf-stores{display:flex;flex-wrap:wrap;gap:1.4em;margin:clamp(20px,2.6vh,32px) 0 0}
.pf-stores a{font-family:var(--sans);font-size:1em;letter-spacing:0;
  color:var(--cloud);border-bottom:1px solid rgba(239,243,241,.28);
  padding-bottom:.15em;transition:opacity .25s,border-color .25s}
@media (hover:hover) and (pointer:fine){
  .pf-stores a:hover{opacity:.68;border-color:var(--cloud)}
}
.pf-shots{position:relative;display:flex;align-items:flex-end;
  justify-content:center;gap:0;min-height:min(64vh,620px)}
.pf-shot{display:block;width:auto;filter:drop-shadow(0 3vh 6vh rgba(0,0,0,.55))}
.pf-shot.is-front{height:min(60vh,580px);position:relative;z-index:2}
.pf-shot.is-back{height:min(50vh,486px);position:relative;z-index:1;
  margin-right:-9%;opacity:.85}

.contact{position:relative;padding:var(--sec-base) var(--gutter);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.contact .t-h2{width:56vw;font-size:var(--h2-size)}
.contact-row{margin-top:4.6vh;display:flex;gap:.8em;flex-wrap:wrap;justify-content:center}

.footer{position:relative;background:var(--ink);color:var(--cream);padding:var(--sec-base) var(--gutter) 0;display:flex;flex-direction:column}
.footer-top{display:flex;gap:6vw}
.footer-col h3{font-family:var(--mono);font-size:.6875em;font-weight:400;line-height:1;
  letter-spacing:.18em;text-transform:uppercase;color:var(--fog);margin:0 0 var(--s-5)}
.footer-col a{display:block;font-family:var(--sans);font-size:1em;letter-spacing:0;
  line-height:2.1;opacity:.85}
@media (hover:hover) and (pointer:fine){
  .footer-col a:hover{opacity:1}
}
.footer-claim{margin-left:auto;width:26vw}
.footer-claim .t-sub{font-size:4.125em;font-weight:500;line-height:.96}
.footer-claim .t-sm{margin-top:var(--s-5)}
.footer-mark{margin-top:clamp(40px,6vh,72px);width:100%}
.footer-mark img{
  width:min(1100px,86%);height:auto;display:block;margin-inline:auto;
  filter:brightness(0) invert(1);opacity:.17;
}
.footer-legal{display:flex;justify-content:space-between;font-size:1.125em;opacity:.55;padding:clamp(24px,3.5vh,40px) 0 3vh}

@media (max-width:991px){
  .t-h2       {font-size:2.9em}
  .t-card     {font-size:2.6em}
  .t-sub      {font-size:1.9em}
  .t-lead     {font-size:1.5em}
  .t-body     {font-size:1.05em}
  .t-sm       {font-size:.95em}
  .t-xs       {font-size:.9em}
  .btn        {font-size:1.15em}
  .pill       {font-size:.95em}
  .seq-card .emblem{display:none}
  .footer-claim .t-sub{font-size:2.4em}
}

@media (max-width:991px){
  .insider{padding:calc(var(--s-6) + (100lvh - 100svh)*2) var(--gutter) var(--sec-tight)}
  .insider.is-tight{padding-top:var(--s-6)}
  .insider-grid{flex-direction:column;justify-content:flex-start}
  .insider-media{width:100%;height:46vh}
  .insider-card.c1{left:-6%;width:50vw;height:42vh}
  .insider-card.c2{left:26%;top:9vh;width:44vw;height:38vh}
  .insider-card.c3{left:52%;top:1vh;width:46vw;height:40vh}
  .insider-text{width:100%;margin-top:var(--s-2)}
  .insider-card.c1 video{background:url('/assets/poster/story3.webp?v=3454b240') center/cover no-repeat}
  .insider-card.c2 video{background:url('/assets/poster/story1.webp?v=0d0adfcf') center/cover no-repeat}
  .insider-card.c3 video{background:url('/assets/poster/story2.webp?v=738efc49') center/cover no-repeat}
  .sequence{height:520vh}
  .seq-short{height:500vh}
  .seq-lines{display:none}
  .seq-sticky{height:100svh}
  .seq-video{top:0;max-width:80vw}
  .seq-card{width:88vw;translate:none;text-align:left}
  .seq-card.is-right{top:auto;bottom:16px;left:6vw}
  .seq-card.is-left{top:calc(var(--nav-h) + 12px);bottom:auto;left:6vw}
  .seq-card.is-right .t-body{margin-left:0}
  .seq-card .t-body{width:100%;max-width:none}
  .seq-card-in{padding:1.6em 1.4em 1.5em}
  .portfolio{height:auto;padding:var(--sec-base) var(--gutter)}
  .portfolio-head .t-body{width:100%}
  .contact .t-h2{width:100%}
  .footer{height:auto}
  .footer-top{flex-wrap:wrap;gap:4vh 8vw}
  .footer-claim{margin-left:0;width:100%}
  .nav-mid{display:none}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}

.nav-lang i{font-style:normal;color:rgba(249,247,242,.25)}

.u-accent,.portfolio-head .t-sub{color:var(--sage)}
.btn.is-ghost{background:transparent;color:var(--cloud);border:1px solid var(--ink)}
.t-body,.t-sm,.t-xs{color:var(--ash)}

.seq-card-in,.review{color:var(--ink)}

.nav{position:fixed;inset:0 0 auto;z-index:60;height:var(--nav-h);min-height:64px;
  display:flex;align-items:center;padding:0 var(--gutter);pointer-events:none;
  transition:background .4s var(--e-out),backdrop-filter .4s var(--e-out),
    opacity .35s var(--e-out)}
.nav.is-away{pointer-events:none}
.nav.is-stuck{background:rgba(7,15,14,.72);
  backdrop-filter:blur(20px) saturate(150%);
  box-shadow:inset 0 -1px 0 rgba(239,243,241,.09)}

.nav .btn{background:var(--neon);color:var(--canvas);font-size:.9em;
  padding:.55em .95em .6em .5em}
@media (hover:hover) and (pointer:fine){
  .nav .btn:hover{background:var(--neon-hover)}
}
.nav .btn .dot{background:rgba(12,32,30,.16)}
.nav .btn .dot svg{stroke:var(--canvas)}


.hero{position:relative;display:grid;align-content:center;min-height:100svh;
  padding:var(--nav-h) var(--gutter);
  overflow:hidden;background:var(--canvas)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:22vh;
  pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(12,32,30,0) 0%,rgba(12,32,30,.06) 24%,rgba(12,32,30,.2) 42%,
    rgba(12,32,30,.42) 58%,rgba(12,32,30,.66) 72%,rgba(12,32,30,.85) 84%,
    rgba(12,32,30,.96) 93%,rgba(12,32,30,1) 100%)}
.hero-in{position:relative;z-index:3;width:min(64em,90vw)}

.hero-proof{font-family:var(--mono);
  font-size:.6875em;letter-spacing:.2em;text-transform:uppercase;color:var(--neon);
  display:flex;align-items:center;gap:var(--s-3);margin:0 0 var(--s-5);
  white-space:nowrap}
.hero-proof::before{content:"";width:.45em;height:.45em;border-radius:50%;background:var(--neon);flex:none}

.hero-title{font-family:var(--serif);font-weight:400;
  font-size:6.6em;line-height:1.0;letter-spacing:-.028em;margin:0;
  color:var(--cloud);text-wrap:balance;max-width:none}
.hero-title em{font-style:normal;color:var(--neon)}

.hero-sub{font-size:1.0625em;line-height:1.6;color:var(--ash);
  max-width:46ch;margin:var(--s-6) 0 0}

.hero-cta{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-7)}
.h-btn{display:inline-flex;align-items:center;gap:.55em;border-radius:999px;
  padding:var(--s-4) var(--s-6);font-size:.9375em;font-weight:500;color:var(--cloud);
  box-shadow:inset 0 0 0 1px var(--ink);
  transition:transform .4s var(--e-out),background .4s var(--e-out),
             color .4s var(--e-out),box-shadow .4s var(--e-out)}
@media (hover:hover) and (pointer:fine){
  .h-btn:hover{transform:translateY(-2px);background:rgba(23,72,69,.32);
    box-shadow:inset 0 0 0 1px var(--ink)}
}
.h-btn:active{transform:scale(.98)}

.grain{position:fixed;inset:0;pointer-events:none;z-index:40;
  opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

.q-sec{padding:calc(var(--nav-h) + var(--s-7)) 0 var(--sec-tight);position:relative;
  min-height:100svh;display:flex;flex-direction:column}
.q-wrap{max-width:1600px;margin:0 auto;padding-inline:var(--gutter);
  width:100%;flex:1;display:flex;flex-direction:column}
.q-head{max-width:960px;margin-inline:auto;text-align:center}
.q-mono{font-family:var(--mono);font-size:11px;
  letter-spacing:.182em;text-transform:uppercase;color:var(--fog)}
.q-h2{font-family:var(--serif);font-weight:400;
  font-size:var(--h2-size);line-height:.94;letter-spacing:-.02em;color:var(--cloud)}
.q-h2 em{font-style:italic;color:var(--neon)}
.q-lead{font-size:clamp(16px,1.4vw,21px);font-weight:300;line-height:1.55;
  color:var(--ash);margin:20px auto 0;max-width:64ch}

.q-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;
  gap:calc(18px + 2 * var(--tray));margin-top:clamp(24px,3.5vh,36px);
  counter-reset:room;flex:1}
.q-block{position:relative;isolation:isolate;counter-increment:room;
  display:flex;flex-direction:column;justify-content:center;
  border-radius:var(--r-tile);padding:36px 40px;border:0;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),
             inset 0 0 0 1px rgba(255,255,255,.05);
  transition:background .5s var(--spring),transform .5s var(--spring),
             opacity .4s var(--e-out)}
.q-block::after{content:'';position:absolute;inset:calc(-1 * var(--tray));
  z-index:-1;pointer-events:none;
  border-radius:calc(var(--r-tile) + var(--tray));
  background:rgba(255,255,255,.032);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  transition:background-color .5s var(--spring),box-shadow .5s var(--spring)}
@media (hover:hover) and (pointer:fine){
.q-block:hover{transform:translateY(-2px);
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03))}
.q-block:hover::after{background:rgba(230,255,43,.05);
  box-shadow:inset 0 0 0 1px rgba(230,255,43,.16)}
}
.q-block::before{content:'0' counter(room);
  position:absolute;top:26px;right:30px;
  font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;color:var(--fog)}
.q-block .q-mono{color:var(--neon);margin:0}
.q-block h3{font-family:var(--serif);
  font-weight:400;font-size:clamp(28px,2.7vw,42px);line-height:1.06;
  letter-spacing:-.01em;color:var(--cloud);margin:16px 0 0}
.q-block p{margin:12px 0 0;font-size:17px;line-height:1.55;color:var(--ash);
  max-width:46ch}


.q-no-labels .q-block h3{margin-top:0}

.apps-sec{position:relative;overflow:hidden;text-align:center;
  padding:var(--sec-base) var(--gutter)}
.apps-wrap{max-width:1440px;margin:0 auto}
.apps-title{font-size:var(--h2-size);line-height:.92;text-wrap:balance;color:var(--cream)}
.apps-title .u-accent{color:var(--neon)}
.apps-stage{position:relative;height:58vh;margin-top:clamp(28px,4vh,44px)}
.apps-phone{position:absolute;left:50%;bottom:0;width:auto;
  filter:drop-shadow(0 2.5vh 6vh rgba(7,15,14,.4))}
.apps-phone.c{height:56vh;transform:translateX(-50%)}
.apps-phone.l{height:46vh;bottom:2vh;
  transform:translateX(calc(-50% - 29vh)) rotate(-7deg);transform-origin:center bottom}
.apps-phone.r{height:46vh;bottom:2vh;
  transform:translateX(calc(-50% + 29vh)) rotate(7deg);transform-origin:center bottom}
.apps-orb{position:absolute;filter:drop-shadow(0 1.5vh 4vh rgba(7,15,14,.4))}
.apps-orb.o1{left:calc(50% - 61vh);top:6%;width:7vh;transform:translateX(-50%) rotate(-6deg)}
.apps-orb.o2{left:calc(50% - 57vh);top:58%;width:8vh;transform:translateX(-50%) rotate(4deg)}
.apps-orb.o3{left:calc(50% + 61vh);top:8%;width:6.6vh;transform:translateX(-50%) rotate(5deg)}
.apps-orb.o4{left:calc(50% + 57vh);top:60%;width:7.6vh;transform:translateX(-50%) rotate(-5deg)}
.apps-sub{margin:clamp(24px,3.5vh,40px) auto 0;font-family:var(--sans);
  font-size:clamp(15px,1.2vw,18px);line-height:1.5;color:var(--ash);max-width:64ch}

@media (max-width:991px){
  .apps-orb{display:none}
}

.rv{opacity:0;transform:translateY(30px);
  transition:opacity .95s var(--e-out),transform 1.05s var(--e-out)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;filter:none;transition:none}}

.hero-center .hero-in{margin-inline:auto;text-align:center}
.hero-center .hero-proof{justify-content:center}
.hero-center .hero-sub{margin-inline:auto}
.hero-center .hero-cta{justify-content:center}

.nav-brand{display:flex;align-items:baseline;gap:.42em;margin-right:.7em}
.brand-mark{
  display:grid;place-items:center;flex:0 0 auto;align-self:center;
  width:1.0em;height:1.0em;border-radius:29%;background:var(--neon);
}
.brand-mark img{width:76%;height:auto}
.nav-brand span{font-family:var(--serif);font-size:1.35em;
  letter-spacing:-.012em;line-height:1;color:var(--cloud);text-transform:none}

.pill{display:inline-flex;align-items:center;border:0;border-radius:999px;
  font-family:var(--mono);font-size:.6875em;font-weight:500;line-height:1;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ash);padding:0;
  transition:background .3s,color .3s}
@media (hover:hover) and (pointer:fine){
  .pill:hover{background:transparent;color:var(--neon);border-color:var(--cloud)}
}

@media (max-width:991px){
  .hero-title{font-size:2.85em}
  .hero-in{width:auto;max-width:100%}
}

.t-wait body{visibility:hidden}

.rating a{font-family:var(--mono);
  font-size:.72em;letter-spacing:.06em;line-height:1.5;
  text-transform:uppercase;color:var(--ash);border-bottom:1px solid transparent;
  padding-bottom:.15em;transition:color .25s,border-color .25s;max-width:100%}
@media (hover:hover) and (pointer:fine){
  .rating a:hover{color:var(--neon);border-color:rgba(230,255,43,.5)}
}

.nav-lang{display:flex;align-items:center;gap:0;margin-right:.6em;
  font-family:var(--mono);font-size:.625em;letter-spacing:.14em;
  border:1px solid rgba(239,243,241,.38);border-radius:2em;
  padding:0;overflow:hidden}
.nav-lang i{display:none}
.nav-lang a{padding:.5em .85em;color:rgba(239,243,241,.5);
  transition:color .25s,background .25s;line-height:1}
@media (hover:hover) and (pointer:fine){
  .nav-lang a:hover{color:var(--cloud)}
}
.nav-lang a.is-on{background:var(--neon);color:var(--canvas)}

.deliver{padding:var(--sec-base) var(--gutter);background:var(--canvas);
  scroll-margin-top:var(--s-5);
  --d-cols:minmax(0,.92fr) minmax(0,1fr);--d-gap:var(--s-7)}
.deliver-head{max-width:var(--maxw);margin:0 auto var(--s-6);
  display:grid;grid-template-columns:var(--d-cols);gap:var(--d-gap);
  align-items:start}
.deliver-head h2{font-family:var(--serif);
  font-weight:400;font-size:var(--h2-size);line-height:.94;letter-spacing:-.02em;
  color:var(--cloud);margin:0;text-wrap:balance}

.deliver-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s-6);align-items:start}
.fig{display:flex;flex-direction:column;gap:var(--s-3);text-decoration:none}
.fig-v{font-family:var(--display);font-weight:600;font-size:2.9em;line-height:.86;
  letter-spacing:-.035em;color:var(--cloud);font-variant-numeric:tabular-nums;
  display:flex;align-items:flex-start;gap:.1em}
.fig-v em{font-style:normal;color:var(--neon)}
.fig-go{width:.26em;height:.26em;margin-top:.12em;fill:none;stroke:var(--ash);
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .3s var(--e-out),translate .3s var(--e-out)}
.fig-l{font-family:var(--mono);font-size:.64em;line-height:1.55;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ash);text-wrap:nowrap}
@media (hover:hover) and (pointer:fine){
  a.fig:hover .fig-v{color:var(--neon)}
  a.fig:hover .fig-go{stroke:var(--neon);translate:.08em -.08em}
}
a.fig:focus-visible .fig-v{color:var(--neon)}
a.fig:focus-visible .fig-go{stroke:var(--neon);translate:.08em -.08em}
a.fig:focus-visible{outline:2px solid var(--neon);outline-offset:8px;border-radius:2px}
.cmp{width:100%;max-width:var(--maxw);margin:0 auto;
  border-collapse:separate;border-spacing:0;table-layout:fixed}
.cmp th,.cmp td{padding:1.05em .7em;text-align:left;vertical-align:middle;
  border-bottom:1px solid rgba(239,243,241,.14)}
.cmp thead th{padding-bottom:.85em}
.cmp .c-us,.cmp .c-them{width:19%;text-align:center}
.cmp .c-us{background:rgba(230,255,43,.075)}
.cmp thead .c-us{border-radius:var(--s-3) var(--s-3) 0 0;
  box-shadow:inset 0 1px 0 rgba(230,255,43,.22)}
.cmp tbody tr:last-child .c-us{border-radius:0 0 var(--s-3) var(--s-3);
  border-bottom-color:transparent;box-shadow:inset 0 -1px 0 rgba(230,255,43,.22)}


.cmp-h{font-family:var(--display);font-weight:600;font-size:1.3em;
  line-height:1;letter-spacing:-.03em;color:var(--cloud)}
.c-them .cmp-h{font-weight:400;color:var(--fog)}
.c-claim{font-family:var(--display);font-weight:600;font-size:1.45em;
  line-height:1.14;letter-spacing:-.02em;color:var(--cloud);display:inline-block}

.deliver-stack .deliver-head{grid-template-columns:minmax(0,1fr);justify-items:center;
  text-align:center;gap:var(--s-6);margin-bottom:var(--s-8)}
.deliver-stack .deliver-figures{width:100%;max-width:44em;margin-inline:auto;gap:var(--s-6)}
.deliver-stack .fig{align-items:center;text-align:center}
.deliver-stack .fig-v{justify-content:center}
.deliver-stack .fig-go{margin-right:-.36em}

.deliver-figures-last .deliver-head{margin-bottom:var(--s-7)}
.deliver-figures-last .deliver-figures{margin-top:var(--s-7)}

.mk{display:inline-flex;align-items:center;justify-content:center;
  width:2.05em;height:2.05em;border-radius:50%}
.mk svg{width:56%;height:56%;fill:none;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.mk.yes{background:var(--neon)}
.mk.yes svg{stroke:var(--ink)}
.mk.no{background:rgba(255,155,122,.11)}
.mk.no svg{stroke:rgba(255,155,122,.8);stroke-width:2}

.partner{position:relative;background:var(--canvas)}
.tseq{position:relative;height:190vh}
.tstage{position:sticky;top:0;height:100vh;overflow:hidden;
  display:flex;align-items:center}
.pt-photo{position:absolute;right:0;bottom:0;overflow:hidden;
  width:min(50vw,900px);height:min(88vh,960px);pointer-events:none}
.pt-ph{position:absolute;right:0;bottom:0;width:100%;height:100%;
  object-fit:contain;object-position:100% 100%;will-change:transform;
  -webkit-mask-image:linear-gradient(to bottom,#000 78%,rgba(0,0,0,.55) 92%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 78%,rgba(0,0,0,.55) 92%,transparent 100%)}

.tstage-in{position:relative;z-index:1;width:100%;
  max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);
  display:flex;justify-content:flex-start}
.pt-rows{display:flex;flex-direction:column;align-items:flex-start;
  width:min(48%,42rem);margin-top:clamp(0px,2vh,28px)}
.pt-slot{display:grid;overflow:hidden;width:100%}
.pt-slot > *{grid-area:1/1;margin:0;will-change:transform,opacity}
.pt-slot > *[data-pt-l="1"]{transform:translate3d(0,110%,0);opacity:0}
.pt-ph[data-pt-photo="1"]{opacity:0}

.is-name .pt-l{font-family:var(--serif);font-weight:400;
  font-size:clamp(2.5rem,4.4vw,4.4rem);line-height:.98;letter-spacing:-.03em;
  color:var(--cloud);text-wrap:balance}
.is-app{margin-top:var(--s-4)}
.is-app .pt-l{font-family:var(--mono);font-size:.7em;line-height:1.5;
  letter-spacing:.14em;text-transform:uppercase;color:var(--neon)}
.is-note{margin-top:var(--s-7)}
.is-note .pt-l{font-family:var(--sans);font-size:clamp(1rem,1.15vw,1.18rem);
  line-height:1.6;letter-spacing:0;color:var(--ash);max-width:34ch}
.is-rate{margin-top:var(--s-6)}
.pt-star{width:.86em;height:.86em;fill:var(--neon);flex:none}
.is-rate .pt-l{display:inline-flex;align-items:center;gap:.42em;
  justify-self:start;font-family:var(--display);font-weight:600;
  font-size:clamp(1.1rem,1.45vw,1.45rem);line-height:1.3;letter-spacing:-.02em;
  color:var(--cloud);text-decoration:none;
  border-bottom:1px solid rgba(239,243,241,.28);padding-bottom:.18em;
  transition:color .28s var(--e-out),border-color .28s var(--e-out)}
@media (hover:hover) and (pointer:fine){
  .is-rate .pt-l:hover{color:var(--neon);border-color:var(--neon)}
}
.is-rate .pt-l:focus-visible{outline:2px solid var(--neon);outline-offset:6px}

.pt-prog{position:absolute;left:0;right:0;bottom:clamp(26px,5vh,54px);
  margin-inline:auto;max-width:var(--maxw);padding-inline:var(--gutter);
  display:flex;gap:10px}
.pt-prog i{width:64px;height:2px;background:rgba(239,243,241,.3);
  position:relative;overflow:hidden;display:block}
.pt-prog i::after{content:'';position:absolute;inset:0;background:var(--neon);
  transform:scaleX(var(--f,0));transform-origin:left}

.partner-titled .pt-title{position:absolute;z-index:2;left:0;right:0;
  top:calc(var(--nav-h) + clamp(20px,3.5vh,44px));
  margin-inline:auto;max-width:var(--maxw);padding-inline:var(--gutter);
  text-align:center;font-family:var(--serif);font-weight:400;
  font-size:var(--h2-size);line-height:.94;letter-spacing:-.02em;color:var(--cloud)}
.partner-titled .tseq{height:260vh}
@media (min-width:901px){
  .partner-titled .pt-photo{height:min(76vh,840px)}
  .partner-titled .pt-rows{margin-top:clamp(40px,8vh,96px)}
}

.is-social{margin-top:var(--s-6)}
.is-social .pt-l{display:flex;align-items:center;gap:var(--s-3);
  justify-self:start;font-size:1em}
.pt-social{display:inline-flex;align-items:center;justify-content:center;
  width:2.5em;height:2.5em;border-radius:50%;color:var(--ash);
  box-shadow:inset 0 0 0 1px rgba(239,243,241,.22);
  transition:color .28s var(--e-out),background .28s var(--e-out),
             box-shadow .28s var(--e-out)}
.pt-social svg{width:1.15em;height:1.15em;display:block;
  fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.pt-social svg .dot{fill:currentColor;stroke:none}
@media (hover:hover) and (pointer:fine){
  .pt-social:hover{color:var(--canvas);background:var(--neon);
    box-shadow:inset 0 0 0 1px var(--neon)}
}
.pt-social:focus-visible{outline:2px solid var(--neon);outline-offset:4px}

.partner-titled .pt-prog{bottom:clamp(34px,7vh,72px);gap:var(--s-6)}
.pt-jump{appearance:none;background:none;border:0;padding:0;cursor:pointer;
  display:flex;flex-direction:column;align-items:stretch;gap:.85em;
  font-family:var(--mono);font-size:.72em;line-height:1;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fog);text-align:left;
  transition:color .3s var(--e-out)}
.pt-jump i{width:100%}
@media (hover:hover) and (pointer:fine){
  .pt-jump:hover{color:var(--cloud)}
}
.pt-jump[aria-current]{color:var(--cloud)}
.pt-jump:focus-visible{outline:2px solid var(--neon);outline-offset:6px}

@media (max-width:900px){
  .tstage{height:100svh;flex-direction:column;align-items:stretch}
  .partner-titled .pt-title{position:static;margin:calc(var(--nav-h) + 12px) 0 0;
    padding-inline:var(--gutter)}
  .tstage-in,.pt-rows{display:contents}
  .pt-slot{padding-inline:var(--gutter)}
  .is-name{order:1;margin-top:var(--s-6)}
  .is-name .pt-l{font-size:clamp(1.7rem,6.4vw,2.2rem)}
  .is-app{order:2;margin-top:var(--s-2)}
  .is-app .pt-l{font-size:.62em}
  .is-note{order:3;margin-top:var(--s-4)}
  .is-note .pt-l{max-width:none;font-size:.95rem;line-height:1.5}
  .pt-photo{position:relative;order:4;flex:1;width:100%;right:auto;height:auto;
    min-height:0;margin-top:var(--s-4);opacity:1}
  .pt-ph{object-fit:contain;object-position:center bottom}
  .is-rate{order:5;margin-top:var(--s-5)}
  .is-rate .pt-l{font-size:.95rem}
  .is-social{order:6;margin-top:var(--s-4)}
  .is-social .pt-l{gap:var(--s-5)}
  .pt-social{width:auto;height:auto;box-shadow:none;color:var(--fog)}
  .pt-social svg{width:1.3em;height:1.3em}
  .partner-titled .pt-prog{position:static;order:7;margin-top:var(--s-5);
    margin-bottom:var(--s-4);max-width:none;width:100%;
    padding-inline:var(--gutter);gap:var(--s-5)}
  .pt-prog i{width:44px}
}

.reviews-kicker{display:flex;align-items:center;gap:.9em;
  font-family:var(--mono);font-size:.72em;
  letter-spacing:.14em;text-transform:uppercase;color:var(--neon);
  transition:opacity .25s}
@media (hover:hover) and (pointer:fine){
  .reviews-kicker:hover{opacity:.72}
}
.reviews-kicker::after{content:"";flex:1;height:1px;background:rgba(230,255,43,.22)}

.review p{font-size:1.06em;line-height:1.5;margin:0}
.review .who{margin-top:auto;padding-top:var(--s-6);display:flex;flex-direction:column;gap:.2em;
  align-items:flex-start;justify-content:flex-start}
.review .who span{font-family:var(--mono);
  font-size:.62em;letter-spacing:.1em;text-transform:uppercase;opacity:.55}

.portfolio-intro{margin:var(--s-6) 0 0;
  font-family:var(--mono);font-size:.75em;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.portfolio-rotate{min-height:100svh;justify-content:center;
  padding:calc(var(--nav-h) + var(--s-5)) var(--gutter) var(--sec-base)}
.portfolio-rotate .t-portfolio{font-family:var(--serif);font-weight:400;
  font-size:var(--h2-size);line-height:.94;letter-spacing:-.02em;color:var(--cloud)}
.portfolio-rotate .portfolio-head .t-sub{font-family:var(--sans);font-weight:400;
  font-size:1.5em;line-height:1.45;letter-spacing:0;margin-top:var(--s-4);
  color:var(--ash)}
.portfolio-rotate .portfolio-intro{margin-top:var(--s-4)}
.portfolio-rotate .pf-shots{min-height:0}
.portfolio-rotate .pf-phone{--h:min(60vh,580px)}
.portfolio-rotate .pf-phone.is-back{--h:min(50vh,486px)}
.portfolio-rotate .pf-deck{position:relative;max-width:var(--maxw);
  margin:clamp(20px,2.6vh,40px) auto 0;display:grid}
.portfolio-rotate .pf-card{grid-area:1/1}
.portfolio-rotate .pf:nth-child(even) .pf-shots{order:0}

.pf-phone{--h:min(60vh,580px);position:relative;flex:none;
  height:var(--h);aspect-ratio:.485;background:#0B0F0E;overflow:hidden;
  padding:calc(var(--h) * .0171);
  border-radius:calc(var(--h) * .0647);
  box-shadow:inset 0 0 0 1px rgba(239,243,241,.22),0 3vh 6vh rgba(0,0,0,.55)}
.pf-phone img{width:100%;height:100%;object-fit:cover;
  border-radius:calc(var(--h) * .0476)}
.pf-phone::after{content:'';position:absolute;left:50%;
  top:calc(var(--h) * .0297);translate:-50% 0;
  width:calc(var(--h) * .147);height:calc(var(--h) * .0415);
  border-radius:999px;background:#0B0F0E}
.pf-phone.is-front{z-index:2}
.pf-phone.is-back{--h:min(50vh,486px);z-index:1;margin-right:-9%;opacity:.85}

.pf-stats .num.is-word{font-size:1.5em;line-height:1.1;letter-spacing:-.02em}
.pf-stores span{font-family:var(--sans);font-size:1em;letter-spacing:0;
  color:var(--fog)}

.pf-go{display:flex;justify-content:center;gap:var(--s-7);
  margin:clamp(18px,2.4vh,36px) auto 0;max-width:var(--maxw)}
.pf-jump{appearance:none;background:none;border:0;padding:0;cursor:pointer;
  display:flex;flex-direction:column;align-items:stretch;gap:.85em;
  font-family:var(--mono);font-size:.72em;line-height:1;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fog);text-align:left;
  transition:color .3s var(--e-out)}
.pf-jump i{display:block;width:100%;height:2px;background:rgba(239,243,241,.3);
  position:relative;overflow:hidden}
.pf-jump i::after{content:'';position:absolute;inset:0;background:var(--neon);
  transform:scaleX(var(--f,0));transform-origin:left;
  transition:transform .45s var(--e-out)}
@media (hover:hover) and (pointer:fine){
  .pf-jump:hover{color:var(--cloud)}
}
.pf-jump[aria-current]{color:var(--cloud)}
.pf-jump[aria-current] i::after{--f:1}
.pf-jump:focus-visible{outline:2px solid var(--neon);outline-offset:6px}

.contact-sub{max-width:34rem;margin:var(--s-6) auto 0;font-size:1.25em;line-height:1.55;
  color:var(--ash);text-align:center}
.contact-seal{margin:var(--s-6) 0 0;font-family:var(--serif);
  font-weight:400;font-style:italic;font-size:2.2em;line-height:1.2;
  color:var(--cloud);text-align:center}

.footer-legal a{color:inherit;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
@media (hover:hover) and (pointer:fine){
  .footer-legal a:hover{color:var(--neon);border-color:var(--neon)}
}

@media (max-width:991px){

  .deliver-head{grid-template-columns:1fr;gap:var(--s-6)}
  .deliver-figures{gap:var(--s-5)}
  .fig-v{font-size:2.3em}
  .fig-l{font-size:.72em;letter-spacing:.1em}
  .q-grid{grid-template-columns:1fr;gap:14px;margin-top:7vh}
  .q-block h3{font-size:1.7em}
  .deliver{padding:var(--sec-base) var(--gutter)}
  .cmp th,.cmp td{padding:.95em .35em}
  .cmp .c-us,.cmp .c-them{width:20%}
  .c-claim{font-size:1.32em}
  .cmp-h{font-size:1.1em}
  .mk{width:1.9em;height:1.9em}

  .portfolio-rotate{min-height:0}
  .pf-phone.is-front{--h:40vh}
  .pf-phone.is-back{--h:33vh}
  .pf-go{gap:var(--s-5);flex-wrap:wrap}
  .pf{grid-template-columns:1fr;gap:3vh}
  .pf:nth-child(even) .pf-shots{order:0}
  .pf-shots{min-height:0}
  .pf-shot.is-front{height:40vh}
  .pf-shot.is-back{height:33vh;margin-right:-14%}
  .pf-stats{gap:1.8em;flex-wrap:wrap}
  .contact-seal{font-size:1.7em}


  .hero{align-content:end;padding-bottom:var(--s-8)}
  .hero-proof{display:block;white-space:normal;line-height:1.65;font-size:.75em;letter-spacing:.16em;
    text-wrap:balance;margin-bottom:var(--s-5)}
  .hero-proof::before{display:none}
  .hero-sub{margin-top:var(--s-6);text-wrap:balance}
  .hero-cta{margin-top:var(--s-8)}

  .nav{display:flex;justify-content:space-between;align-items:center}
  .nav-right{display:contents}
  .nav-left{order:2}
  .nav-brand{margin-right:0}
  .nav-lang{display:flex;order:1;margin-right:0}
  .nav .btn{order:3;font-size:.8em;padding:.5em .8em .55em .45em}
}

.insider-head{width:min(56vw,880px);margin:0 auto var(--s-8);text-align:center;
  font-size:4.5em;line-height:1.04}

@media (max-width:991px){
  .insider-head{font-size:3.1em;width:100%;margin-bottom:var(--s-7)}
}

.insider-card[data-focus],
.insider-card.c1[data-focus],
.insider-card.c2[data-focus],
.insider-card.c3[data-focus]{z-index:20}

@media (hover:hover) and (pointer:fine){
  .insider-card:hover,
  .insider-card.c1:hover,
  .insider-card.c2:hover,
  .insider-card.c3:hover{z-index:15}
}

@media (hover:hover) and (pointer:fine){
  .insider-media:hover .insider-card:not(:hover){
    filter:grayscale(.85) brightness(.42);
    box-shadow:0 1vh 3vh -1vh rgba(12,32,30,.2);
  }
  .insider-media:hover .insider-card:hover{filter:none;z-index:15}
}

@media (max-width:991px){
  .portfolio.portfolio-rotate{min-height:100svh;justify-content:flex-start;
    padding:calc(var(--nav-h) + var(--s-5)) var(--gutter) var(--s-5)}
  .portfolio-rotate .portfolio-head .t-sub{font-size:1em;margin-top:var(--s-4)}
  .portfolio-rotate .portfolio-intro{margin-top:var(--s-4);font-size:.625em;
    letter-spacing:.16em;line-height:1.65;text-wrap:balance}
  .portfolio-rotate .pf-deck{flex:1;min-height:0;width:100%;margin-top:var(--s-6)}
  .portfolio-rotate .pf-card{height:100%}
  .portfolio-rotate .pf{display:flex;flex-direction:column;gap:0;height:100%}
  .portfolio-rotate .pf-text{--pf-icon:52px;display:grid;
    grid-template-columns:var(--pf-icon) auto;justify-content:center;
    column-gap:var(--s-4);align-items:center;text-align:left}
  .portfolio-rotate .pf-icon{grid-row:1/3;width:var(--pf-icon)}
  .portfolio-rotate .pf h3{font-size:1.7em;line-height:1.05;margin:0}
  .portfolio-rotate .pf-cat{margin:3px 0 0;font-size:.625em;
    letter-spacing:.16em;text-transform:uppercase}
  .portfolio-rotate .pf-stats{grid-column:1/-1;justify-content:center;
    margin:var(--s-5) 0 0;gap:var(--s-8)}
  .portfolio-rotate .pf-stats div{align-items:center;text-align:center;gap:.35em}
  .portfolio-rotate .pf-stats .num{font-size:1.9em}
  .portfolio-rotate .pf-stats .num.is-word{font-size:1.05em;height:1.629em;
    display:flex;align-items:center}
  .portfolio-rotate .pf-face{grid-column:1/-1;text-align:center;
    margin:var(--s-4) 0 0;font-size:.625em}
  .portfolio-rotate .pf-stores{grid-column:1/-1;justify-content:center;
    margin:var(--s-4) 0 0;gap:1.6em}
  .portfolio-rotate .pf-stores a,.portfolio-rotate .pf-stores span{font-size:.8em}
  .portfolio-rotate .pf-stores span{padding-bottom:.15em;border-bottom:1px solid transparent}
  .portfolio-rotate .pf-shots{flex:1;min-height:0;width:100%;margin-top:var(--s-5);
    container-type:size;--ph:min(100cqh,118cqw);
    display:flex;align-items:flex-end;justify-content:center}
  .portfolio-rotate .pf-shot.is-front{height:var(--ph)}
  .portfolio-rotate .pf-shot.is-back{height:calc(var(--ph) * .83);margin-right:-14%}
  .portfolio-rotate .pf-phone.is-front{--h:var(--ph)}
  .portfolio-rotate .pf-phone.is-back{--h:calc(var(--ph) * .83)}
  .portfolio-rotate .pf-go{margin-top:var(--s-4);gap:var(--s-4);flex-wrap:nowrap}
  .portfolio-rotate .pf-jump{flex:1;font-size:.6em;white-space:nowrap}
}


@media (max-width:991px){
  .deliver-head h2{font-size:var(--h2-size)}
  .portfolio-head .t-sub,.q-lead,.contact-sub{font-size:1em;line-height:1.6}
  .hero-sub{font-size:1.0625em;line-height:1.6}
  .reviews-kicker,.fig-l,.pf-cat,.pf-face,.pf-stats .lbl,.review .who span{
    font-size:.625em;line-height:1.65;letter-spacing:.16em}

  .statement{min-height:100svh;padding:calc(var(--nav-h) + var(--s-2)) 0 var(--s-7)}
  .statement-head{margin-bottom:0}
  .voices{padding:0}
  .voice-bar{padding:0 var(--gutter);margin-bottom:var(--s-4);gap:var(--s-4)}
  .voice-prog i{width:28px}
  .voice-track{overflow:visible}
  .reviews{flex-direction:row;gap:var(--s-3);overflow-x:auto;overflow-y:hidden;
    padding:0 var(--gutter);scroll-snap-type:x mandatory;
    scroll-padding-left:var(--gutter);scrollbar-width:none;
    -webkit-overflow-scrolling:touch}
  .reviews::-webkit-scrollbar{display:none}
  .review{flex:0 0 min(78vw,340px);scroll-snap-align:start;padding:1.3em 1.3em 1.25em}
  .review p{font-size:1em;line-height:1.5}
  .review .who{padding-top:var(--s-5)}
  .review .stars{margin-bottom:var(--s-3)}
  .review .stars svg{width:1.05em;height:1.05em}
}

@media (max-width:991px){
  .st-bg{transform:scale(2.2);transform-origin:50% 38%}
  .st-bg[data-voice-bg="1"]{transform-origin:50% 26%}
}

@media (max-width:991px){
  .apps-title,#contact .t-h2,h2.insider-head{font-weight:600;line-height:1.05;letter-spacing:-.035em}
  h2.insider-head{font-size:var(--h2-size)}

  .sequence{margin-top:56px}
  #benefits{margin-top:24px}
  #partner{margin-top:-36px}
  #portfolio{margin-top:-8px}
  .statement{margin-top:72px}
  .q-sec{margin-top:16px}
  .apps-sec{margin-top:-1px}
  #contact{margin-top:-8px}
  #contact + .footer{margin-top:39px}
}

@media (max-width:991px){
  .q-deck-on{height:380svh;min-height:0;padding:0;display:block}
  .q-deck-on .q-wrap{position:sticky;top:0;height:100svh;flex:none;
    padding:calc(var(--nav-h) + var(--s-4)) var(--gutter) var(--s-5);
    display:flex;flex-direction:column;overflow:hidden}
  .q-deck-on .q-grid{flex:1;min-height:0;margin-top:var(--s-4);padding-top:56px;
    display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0}
  .q-deck-on .q-block{grid-area:1/1;padding:32px 28px;
    background:linear-gradient(165deg,
      color-mix(in srgb,var(--canvas),#fff 7%),
      color-mix(in srgb,var(--canvas),#fff 2.5%));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 0 0 1px rgba(255,255,255,.07),
      0 -18px 44px rgba(7,15,14,.42),
      0 26px 60px -18px rgba(7,15,14,.6);
    transition:none}
  .q-deck-on .q-block::after{display:none}
  .q-deck-on .q-block::before{color:var(--ash)}
  .q-deck-on .q-block.rv{opacity:1;transform:none}
}

@media (max-width:991px){
  .apps-sec{min-height:100svh;display:flex;flex-direction:column;
    padding:calc(var(--nav-h) + var(--s-2)) var(--gutter) var(--s-7)}
  .apps-wrap{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}
  .apps-stage{flex:1;min-height:0;height:auto;width:100%;
    margin-top:var(--s-5)}
  .apps-phone.c{height:min(88%,78vw);bottom:auto;top:50%;
    transform:translate(-50%,-50%);z-index:2}
  .apps-phone.l,.apps-phone.r{height:min(72%,62vw);bottom:auto;top:52%}
  .apps-phone.l{transform:translate(calc(-50% - 31vw),-50%) rotate(-4deg)}
  .apps-phone.r{transform:translate(calc(-50% + 31vw),-50%) rotate(4deg)}
  .apps-sub{margin-top:var(--s-5);font-size:1em;line-height:1.6}
}

@media (max-width:991px){
  html{background:var(--ink)}
  .footer-legal{flex-direction:column;gap:6px;padding-bottom:var(--s-6)}
}

@media (max-width:991px) and (max-height:699px){
  .portfolio-rotate .portfolio-head .t-sub{margin-top:var(--s-3)}
  .portfolio-rotate .portfolio-intro{margin-top:var(--s-3)}
  .portfolio-rotate .pf-deck{margin-top:var(--s-5)}
  .portfolio-rotate .pf h3{font-size:1.5em}
  .portfolio-rotate .pf-text{--pf-icon:46px}
  .portfolio-rotate .pf-stats{margin-top:var(--s-4);gap:var(--s-7)}
  .portfolio-rotate .pf-stats .num{font-size:1.6em}
  .portfolio-rotate .pf-stats .num.is-word{height:1.371em}
  .portfolio-rotate .pf-face{margin-top:var(--s-3)}
  .portfolio-rotate .pf-stores{margin-top:var(--s-3)}
  .portfolio-rotate .pf-shots{margin-top:var(--s-4)}
}