/* Sety Studio — Página de vendas (preview)
   --s = 1px do Figma. Desktop: frame 2457 (escala sem teto: zoom/telas largas mantêm a composição). Mobile/tablet: frame 888 (teto 600px). */

:root{
  --grad-hero: linear-gradient(136deg, #0085FF 0%, #55A6F0 46%, #A3CDF3 89%);
  --grad-quote: linear-gradient(136deg, #1D90FA 0%, #A2CCF3 84%);
  --grad-foot: linear-gradient(136deg, #A3CDF3 11%, #55A6F0 54%, #0085FF 100%);
  --blue: #0B7BF0;
  --blue-deep: #0B6FD6;
  --ink: #0A0A0A;
  --ink-2: #1C1C1C;
  --white: #fff;
  --ease: cubic-bezier(.2,.7,.2,1);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Sora", var(--font);
  color-scheme: light;
  --vw: 100vw; /* fallback: Safari < 16 (iPhone 7/8, iOS 15) não tem container query units */
}
@supports (width: 1cqw){
  body{container-type:inline-size;--vw:100cqw}
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;background:#fff;color:var(--ink);font-family:var(--font);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;
  --s: calc(var(--vw) / 2457);
}
body{position:relative}
main,.footer{position:relative;z-index:1}
img,svg,picture{display:block;max-width:100%}

/* camada decorativa (Figma 2026-10-09): ladrilhos azuis — só desktop */
.decor{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.decor img{position:absolute;max-width:none;user-select:none}
.decor__top,.decor__bottom{left:50%;width:calc(2457*var(--s));translate:-50% 0}
.decor__top{top:0}
.decor__bottom{bottom:0}
img{height:auto}
a{color:inherit;text-decoration:none}
h1,h2,p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:8px}
.works :focus-visible{outline-color:var(--blue-deep)}

.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--blue-deep);padding:10px 16px;border-radius:10px;font-weight:600;transition:top .2s}
.skip:focus{top:12px}

/* ---------- fundo de círculos (decorativo) ---------- */
.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__bg i{position:absolute;border-radius:50%;background:rgba(255,255,255,.065)}
.hero__bg i:nth-child(1){width:calc(1320*var(--s));aspect-ratio:1;left:calc(50% - 1568*var(--s));top:calc(150*var(--s))}
.hero__bg i:nth-child(2){width:calc(1480*var(--s));aspect-ratio:1;left:calc(50% + 260*var(--s));top:calc(-720*var(--s))}
.hero__bg i:nth-child(3){width:calc(1280*var(--s));aspect-ratio:1;left:calc(50% + 280*var(--s));top:calc(740*var(--s))}

/* ---------- 1 · HERO ---------- */
.hero{
  --s: calc(var(--vw) / 2457 * .9536); /* Figma 2026-10-09: hero em card 2343px, x57 y52 */
  position:relative;z-index:1;width:calc(2457*var(--s));height:calc(1536*var(--s));
  margin:calc(54.5*var(--s)) auto 0;
  background:var(--grad-hero);
  border-radius:calc(136*var(--s)); /* Figma 2026-10-09: cantos menores */
  overflow:visible;color:#fff;
}
.hero__bg{border-radius:inherit}
.hero__stage{position:relative;width:100%;height:100%}
.hero__copy{position:absolute;left:calc(232*var(--s));top:calc(158*var(--s));width:calc(579*var(--s));z-index:3}
.logo{height:auto}
.hero__logo{width:calc(286*var(--s))}
.hero__title{
  margin-top:calc(26*var(--s));
  font-size:calc(65.72*var(--s));line-height:calc(80*var(--s));
  font-weight:600;letter-spacing:-.0182em;text-wrap:balance;
}
.hero__title span{color:#282828}
.hero__sub{display:none}
.hero__char{position:absolute;left:calc(620*var(--s));top:0;width:calc(1190*var(--s));z-index:1}
.hero__char img{width:100%}
.hero__folder{position:absolute;left:calc(1708*var(--s));top:calc(208*var(--s));width:calc(565*var(--s));height:calc(495*var(--s));z-index:4}
.proof{
  position:absolute;left:calc(232*var(--s));top:calc(590*var(--s));z-index:3;
  display:flex;align-items:center;gap:calc(34*var(--s));
}
.proof img{width:calc(211*var(--s))}
.proof p{width:max(110px, calc(234*var(--s)));font-size:max(12px, calc(26.2*var(--s)));line-height:1.22;font-weight:600;letter-spacing:-.0182em}

/* ---------- 2 · ORÇAMENTO ---------- */
.quote{
  --s: calc(var(--vw) / 2457 * .9078);
  position:relative;z-index:2;
  width:calc(2302*var(--s));height:calc(1439*var(--s));
  margin:calc(-147.6*var(--s)) auto 0;
  border-radius:calc(143*var(--s));
  background:var(--grad-quote);overflow:hidden;color:#fff;
}
.quote__bg{position:absolute;inset:0;pointer-events:none;opacity:.72}
.quote__bg i{position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}
.quote__bg i:nth-child(1){width:calc(1500*var(--s));aspect-ratio:1;left:calc(-560*var(--s));top:calc(-820*var(--s))}
.quote__bg i:nth-child(2){width:calc(1600*var(--s));aspect-ratio:1;left:calc(900*var(--s));top:calc(520*var(--s))}
.quote__title{
  position:absolute;left:calc(193*var(--s));top:calc(128*var(--s));width:calc(962*var(--s));
  font-size:calc(96.22*var(--s));line-height:calc(116*var(--s));font-weight:600;letter-spacing:-.0182em;
}
.quote__frame{
  position:absolute;left:calc(193*var(--s));top:calc(454*var(--s));
  width:calc(787*var(--s));height:calc(1100*var(--s));
  border:calc(3*var(--s)) solid rgba(255,255,255,.62);border-bottom:0;
  border-radius:calc(64*var(--s)) calc(64*var(--s)) 0 0;
  background:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.05) 62%);
  overflow:hidden;
}
.ring{position:absolute;width:calc(1050*var(--s));left:calc(-132*var(--s));top:calc(70*var(--s));max-width:none}
.ring circle{fill:none;stroke:rgba(0,104,236,.26);stroke-width:150}
.ring text{fill:rgba(255,255,255,.2);font:800 128px var(--font);letter-spacing:6px}
.ring textPath{dominant-baseline:central}
.quote__char{position:absolute;left:calc(115*var(--s));top:calc(386*var(--s));width:calc(943*var(--s));max-width:none;pointer-events:none}
.quote__cards{
  position:absolute;left:calc(1175.65*var(--s));top:calc(146.71*var(--s));width:calc(1009.31*var(--s));
  display:flex;flex-direction:column;gap:calc(37*var(--s));
}
.qcard{
  position:relative;display:block;border-radius:calc(47*var(--s));overflow:hidden;
  box-shadow:0 calc(18*var(--s)) calc(50*var(--s)) calc(-20*var(--s)) rgba(0,48,130,.35);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
.qcard img{width:100%}
.qcard:hover{transform:translateY(calc(-8*var(--s)));box-shadow:0 calc(30*var(--s)) calc(70*var(--s)) calc(-24*var(--s)) rgba(0,48,130,.5)}
.qcard__btn{
  position:absolute;left:var(--l, 10.5%);right:var(--r, 54%);top:var(--t);bottom:calc(100% - var(--b));
  border-radius:999px;overflow:hidden;pointer-events:none;isolation:isolate;
}

/* ---------- brilho no hover (lightSweep) ---------- */
.btn--shine,.qcard__btn,.pcard--cta{position:relative;overflow:hidden;isolation:isolate}
.btn--shine::before,.qcard__btn::before,.pcard--cta::before{
  content:"";position:absolute;top:-60%;left:-55%;width:35%;height:220%;z-index:1;pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 30%, #fff 50%, rgba(255,255,255,.35) 70%, rgba(255,255,255,0) 100%);
  transform:skewX(-18deg) translateX(0);opacity:0;
}
.btn--shine:hover::before,.btn--shine:focus-visible::before,
.qcard:hover .qcard__btn::before,.qcard:focus-visible .qcard__btn::before,
.pcard--cta:hover::before,.pcard--cta:focus-visible::before{animation:lightSweep 1s ease forwards}
@keyframes lightSweep{
  0%{transform:skewX(-18deg) translateX(0);opacity:0}
  15%{opacity:1}
  100%{transform:skewX(-18deg) translateX(520%);opacity:0}
}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:clamp(48px, calc(92*var(--s)), 72px);padding:0 clamp(20px, calc(44*var(--s)), 32px);
  border-radius:999px;font-weight:700;font-size:clamp(14px, calc(28*var(--s)), 20px);letter-spacing:-.005em;text-transform:uppercase;
  color:#fff;background:linear-gradient(180deg, #3BA2FF 0%, #1188F5 100%);
  border:2px solid rgba(255,255,255,.72);
  box-shadow:0 14px 30px -14px rgba(0,60,150,.6), inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.btn > *{position:relative;z-index:2}
.btn b{font-weight:700}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 36px -14px rgba(0,60,150,.7), inset 0 1px 0 rgba(255,255,255,.4)}
.btn:hover svg{transform:translateX(3px)}

/* ---------- 3 · PORTFÓLIO ---------- */
.works{padding:calc(112*var(--s)) 0 calc(115*var(--s));background:#fff;--gutter:max(16px, calc(232*var(--s)))}
.works__head{width:min(calc(1915*var(--s)), calc(100% - 32px));margin-inline:auto;text-align:center}
.works__title{font-family:var(--font-display);font-weight:600;font-size:max(28px, calc(95.75*var(--s)));line-height:1.2;color:var(--ink);letter-spacing:-.01em;text-wrap:balance}
.works__desc{
  max-width:calc(1645*var(--s));margin:calc(47.9*var(--s)) auto 0;
  font-size:max(15px, calc(35.9*var(--s)));line-height:1.4;color:#1A1A1A;text-wrap:pretty;
}
.works{position:relative}
.works > :not(.works__decor){position:relative;z-index:1}
.works__decor{display:none}
.works__noscript{text-align:center;padding:24px 16px}
.works__noscript a{color:var(--blue-deep);text-decoration:underline}

.carousel{margin-top:calc(95.75*var(--s));
  --cw1:calc(673*var(--s));--cw2:calc(786*var(--s));--ch:calc(373*var(--s));--gap:calc(35.9*var(--s));--r:calc(25*var(--s));
}
.carousel__viewport{
  overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;
  padding-block:calc(14*var(--s)) calc(30*var(--s));
}
.carousel__viewport.is-drag{cursor:grabbing;user-select:none}
.carousel__viewport.is-drag .pcard{pointer-events:none}
.carousel__viewport:focus-visible{outline:3px solid var(--blue-deep);outline-offset:-3px;border-radius:12px}
.carousel__rows{display:flex;flex-direction:column;gap:var(--gap);width:max-content}
.carousel__row{display:flex;gap:var(--gap);width:max-content;will-change:transform}
.carousel__row[data-row="2"]{margin-left:calc(var(--cw1) * .3)}
.carousel__row[data-row="1"] .pcard{width:var(--cw1)}
.carousel__row[data-row="2"] .pcard{width:var(--cw2)}

.pcard{
  position:relative;display:block;height:var(--ch);border-radius:var(--r);overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg, #1D90FA, #A2CCF3);
  box-shadow:0 1px 0 rgba(0,0,0,.02), 0 calc(14*var(--s)) calc(40*var(--s)) calc(-22*var(--s)) rgba(0,40,110,.4);
  transition:transform .55s var(--ease), box-shadow .55s var(--ease);
  -webkit-user-drag:none;
}
.pcard img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .9s var(--ease);-webkit-user-drag:none;user-select:none}
.pcard__meta{
  position:absolute;inset:auto 0 0 0;z-index:2;
  display:flex;flex-direction:column;gap:2px;
  padding:clamp(12px, calc(34*var(--s)), 22px) clamp(14px, calc(36*var(--s)), 24px);
  background:linear-gradient(180deg, rgba(3,18,44,0) 0%, rgba(3,18,44,.55) 45%, rgba(3,18,44,.88) 100%);
  color:#fff;padding-top:clamp(36px, calc(90*var(--s)), 64px);
}
.pcard__meta b{font-weight:600;font-size:clamp(15px, calc(30*var(--s)), 19px);letter-spacing:-.015em}
.pcard__meta small{font-size:clamp(12px, calc(22*var(--s)), 14px);opacity:.92}
.carousel__row > li:first-child .pcard__meta{align-items:flex-end;text-align:right}
.pcard__cta{
  position:absolute;top:clamp(10px, calc(26*var(--s)), 16px);right:clamp(10px, calc(26*var(--s)), 16px);z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 12px;border-radius:999px;background:#fff;color:var(--blue-deep);
  font-size:12.5px;font-weight:600;letter-spacing:-.005em;
  box-shadow:0 8px 20px -8px rgba(0,30,90,.45);
  opacity:0;transform:translateY(-6px);transition:opacity .35s var(--ease), transform .35s var(--ease);
}
.pcard__cta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pcard:hover,.pcard:focus-visible{transform:translateY(calc(-6*var(--s)));box-shadow:0 calc(28*var(--s)) calc(60*var(--s)) calc(-26*var(--s)) rgba(0,40,110,.55)}
.pcard:hover img,.pcard:focus-visible img{transform:scale(1.045)}
.pcard:hover .pcard__cta,.pcard:focus-visible .pcard__cta{opacity:1;transform:none}
.pcard--cta{
  display:flex;flex-direction:column;justify-content:flex-end;gap:8px;
  padding:clamp(16px, calc(44*var(--s)), 30px);
  background:linear-gradient(140deg, #0085FF 0%, #55A6F0 55%, #A3CDF3 100%);color:#fff;
}
.pcard--cta > *{position:relative;z-index:2}
.pcard--cta small{font-size:clamp(12px, calc(22*var(--s)), 14px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.pcard--cta strong{font-size:clamp(20px, calc(52*var(--s)), 34px);line-height:1.08;font-weight:600;letter-spacing:-.02em;max-width:12ch}
.pcard--cta span{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;margin-top:6px;align-self:flex-start;padding:9px 16px;border-radius:999px;background:linear-gradient(180deg, #3BA2FF 0%, #1188F5 100%);border:2px solid rgba(255,255,255,.72);color:#fff;text-transform:uppercase;font-weight:700;font-size:clamp(12px, calc(22*var(--s)), 14px);box-shadow:0 10px 22px -12px rgba(0,60,150,.6)}
.pcard--cta span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.carousel__bar{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding-inline:var(--gutter);margin-top:calc(40*var(--s));
}
.carousel__nav{display:flex;align-items:center;gap:12px}
.carousel__cta{display:flex;align-items:center;gap:clamp(14px, calc(36*var(--s)), 24px);flex-wrap:wrap}
.carousel__ask{font-weight:600;font-size:clamp(15px, calc(30*var(--s)), 20px);letter-spacing:-.015em;color:var(--ink)}
.navbtn{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  border:1.5px solid #CFE2FA;background:#fff;color:var(--blue);
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), opacity .3s, transform .3s var(--ease);
}
.navbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.navbtn:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.navbtn:active{transform:scale(.94)}
.navbtn:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px;border-radius:50%}

/* ---------- 4 · FECHAMENTO ---------- */
.closing{
  --s: calc(var(--vw) / 2457 * .847);
  position:relative;width:calc(2457*var(--s));height:calc(1481*var(--s));margin:0 auto calc(171*var(--s));
  background:var(--grad-hero);border-radius:calc(136*var(--s));
  overflow:hidden;color:#fff;
}
.closing__bg i:nth-child(1){top:calc(260*var(--s))}
.closing__bg i:nth-child(2){top:calc(-900*var(--s))}
.closing__bg i:nth-child(3){top:calc(560*var(--s))}
.closing__stage{position:relative;width:100%;height:100%}
.closing__char{position:absolute;left:0;top:calc(53*var(--s));width:calc(1766*var(--s));max-width:none} /* Figma 2026-10-09: recorte 1495×1208 */
.closing__copy{position:absolute;left:calc(1483.75*var(--s));top:calc(249.7*var(--s));width:calc(670*var(--s))}
.closing__logo{width:calc(331*var(--s))}
.closing__title{margin-top:calc(25.7*var(--s));font-size:calc(76.09*var(--s));line-height:calc(92*var(--s));font-weight:600;letter-spacing:-.0182em}
.closing__text,.closing__ask{width:calc(586*var(--s));font-size:calc(40.19*var(--s));line-height:calc(49*var(--s));font-weight:600;letter-spacing:-.0182em}
.closing__text{margin-top:calc(26.6*var(--s));color:var(--ink-2)}
.closing__ask{margin-top:calc(31.3*var(--s))}
.closing .btn{margin-top:calc(52*var(--s))}
.closing .btn{min-width:calc(586*var(--s))}

/* ---------- 5 · RODAPÉ ---------- */
.footer{background:var(--grad-foot);color:#fff}
.footer__inner{
  width:calc(2457*var(--s));height:calc(144*var(--s));margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;padding-inline:calc(166*var(--s));
}
.footer__logo{width:calc(223*var(--s))}
.footer p{font-size:max(12px, calc(32.44*var(--s)));font-weight:600;letter-spacing:-.0182em}

/* ---------- entrada no scroll ---------- */
.js .reveal{opacity:0;translate:0 24px;transition:opacity .9s var(--ease), translate .9s var(--ease), transform .5s var(--ease), box-shadow .5s var(--ease)}
.js .reveal.is-in{opacity:1;translate:none}

/* =====================================================================
   MOBILE / TABLET (< 1024px) — composição vertical do frame mobile (888)
   ===================================================================== */
@media (max-width: 1023.98px){
  body{--s: calc(min(var(--vw), 600px) / 888)}

    .hero{--s: calc(min(var(--vw), 600px) / 888);overflow:hidden;width:auto;margin:0;height:auto;border-radius:0 0 calc(100*var(--s)) calc(100*var(--s))}
  .hero__bg i:nth-child(1){width:calc(900*var(--s));left:calc(50% - 900*var(--s));top:calc(620*var(--s))}
  .hero__bg i:nth-child(2){width:calc(1000*var(--s));left:calc(50% - 60*var(--s));top:calc(-480*var(--s))}
  .hero__bg i:nth-child(3){width:calc(900*var(--s));left:calc(50% - 40*var(--s));top:calc(1020*var(--s))}
  .hero__stage{width:calc(888*var(--s));margin-inline:auto;height:auto;display:flex;flex-direction:column;align-items:center;padding-top:calc(72*var(--s))}
  .hero__copy{position:relative;left:auto;top:auto;width:calc(600*var(--s));text-align:center}
  .hero__logo{margin-inline:auto}
  .hero__sub{
    display:flex;flex-direction:column;gap:calc(29*var(--s));width:calc(533*var(--s));margin:calc(31*var(--s)) auto 0;
    font-size:max(14px, calc(29.62*var(--s)));line-height:1.22;font-weight:500;letter-spacing:-.02em;text-wrap:balance;
  }
  .hero__folder{display:none}
  .hero__char{position:relative;left:auto;top:auto;width:calc(888*var(--s));margin-top:calc(-33*var(--s))}
  .proof{display:none} /* Figma mobile 2026-10-09: sem a prova no hero */
  .proof p{width:max(110px, calc(234*var(--s)));font-size:max(12px, calc(26.2*var(--s)));line-height:1.22}

  .quote{--s: calc(min(var(--vw), 600px) / 888);width:calc(834*var(--s));height:auto;margin-top:calc(-60*var(--s));border-radius:calc(50*var(--s));padding:calc(92*var(--s)) calc(22.5*var(--s)) calc(167*var(--s))}
  .quote__bg i:nth-child(1){width:calc(900*var(--s));left:calc(-420*var(--s));top:calc(-380*var(--s))}
  .quote__bg i:nth-child(2){width:calc(900*var(--s));left:calc(260*var(--s));top:calc(700*var(--s))}
  .quote__title{position:relative;left:auto;top:auto;width:calc(643*var(--s));margin-inline:auto;text-align:center;font-size:calc(64.28*var(--s));line-height:calc(78*var(--s))}
  .quote__frame,.quote__char{display:none}
  .quote__cards{position:relative;left:auto;top:auto;width:100%;margin-top:calc(75*var(--s));gap:calc(30.7*var(--s))}
  .qcard{border-radius:calc(36.7*var(--s))}

  .works{padding:calc(89*var(--s)) 0 calc(130*var(--s));--gutter:calc(42*var(--s))}
  .works__decor{display:block;position:absolute;left:0;right:0;bottom:0;height:calc(719*var(--s));background:url(../img/bg-works-m.webp) center bottom / calc(888*var(--s)) auto repeat-x}
  .works__head{width:calc(800*var(--s))}
  .works__title{font-size:calc(67.5*var(--s));line-height:calc(81*var(--s))}
  .works__desc{max-width:calc(760*var(--s));margin-top:calc(30*var(--s));font-size:max(14px, calc(28*var(--s)))}
  .carousel{margin-top:calc(60*var(--s));--cw1:calc(473*var(--s));--cw2:calc(755*var(--s));--ch:calc(375*var(--s));--gap:calc(36*var(--s));--r:calc(24*var(--s))}
  .carousel__row[data-row="1"] .pcard--cta{width:calc(var(--cw1) * 1.35)}
  .carousel__bar{max-width:calc(888*var(--s));margin-inline:auto;flex-direction:column;align-items:stretch;gap:18px;margin-top:calc(30*var(--s))}
  .carousel__cta{flex-direction:column;align-items:stretch;text-align:center;gap:12px}
  .carousel__bar .btn{width:100%}
  .carousel__nav{justify-content:flex-end}
  .pcard__cta{opacity:1;transform:none;padding:6px;border-radius:50%}
  .pcard__cta em{display:none}

  .closing{--s: calc(min(var(--vw), 600px) / 888);width:auto;height:auto;margin:0;border-radius:calc(100*var(--s)) calc(100*var(--s)) 0 0}
  .closing .btn{min-width:0}
  .decor{display:none}
  .closing__stage{width:calc(888*var(--s));margin-inline:auto;height:auto;display:flex;flex-direction:column;align-items:center;padding-top:calc(110*var(--s))}
  .closing__copy{order:-1;position:relative;left:auto;top:auto;width:calc(720*var(--s));text-align:center;display:flex;flex-direction:column;align-items:center}
  .closing__logo{width:calc(300*var(--s))}
  .closing__title{font-size:calc(64*var(--s));line-height:calc(76*var(--s))}
  .closing__title,.closing__text,.closing__ask{text-wrap:balance}
  .closing__text,.closing__ask{width:auto;font-size:max(15px, calc(33*var(--s)));line-height:1.28}
  .closing .btn{margin-top:calc(46*var(--s))}
  .closing__char{position:relative;left:auto;top:auto;width:calc(888*var(--s));margin-top:calc(40*var(--s))}

  .footer__inner{width:calc(888*var(--s));height:calc(141*var(--s));min-height:56px;padding-inline:calc(42*var(--s));justify-content:center;text-align:center}
  .footer__logo{display:none}
  .footer p{font-size:clamp(12px, calc(29*var(--s)), 18px);text-wrap:balance}
}
@media (max-width: 1023.98px) and (min-width: 600px){
  .works__title{font-size:44px;line-height:1.2}
}

@media (hover: none){
  .pcard:hover{transform:none}
  .pcard:hover img{transform:none}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .js .reveal{opacity:1;translate:none}
}