/* Turnow · proyectos (generado desde el diseño aprobado) */
/* Layout: móvil primero, una columna; bandas a todo el ancho claro/oscuro. Sol abre, voltea entre AgendIA y Academia, y cierra. */
:root{
  --ink:#0A0C1A; --ink-2:#2B2F3D; --muted:#4B5060; --paper:#F7F7F6; --white:#FFFFFF; --card:#EAEAE8;
  --night:#03040E; --blue:#2537A6; --blue-2:#4B65C2; --sky:#86A2C9;
  --sun:#F3E092; --cream:#F4EADB; --soft:#B8BCCB; --soft-2:#D5D8E2;
  --line:rgb(10 12 26 / .1); --line-d:rgb(244 234 219 / .14);
  --note:#6A5F2E; --note-bg:#FFF8DC;
  --display:'Inter Tight','Helvetica Neue',Helvetica,Arial,sans-serif;
  --body:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --nav-h:60px;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --sol-stops:#000000 0%, #03040E 28%, #0E1756 39%, #2537A6 46%, #4B65C2 52%, #86A2C9 58%, #C7C1BF 63.5%, #F3E092 68.5%, #F4EADB 74%, #F9EFEA 80%;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
a{color:inherit}
img{display:block}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;font-weight:600;letter-spacing:-.035em}
p{margin:0}
.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.band{padding-block:104px}
.eyebrow{font-family:var(--body);font-size:clamp(1.0625rem,1.8vw,1.1875rem);font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--eyebrow,#2537A6)}
.h2{font-size:clamp(2.25rem,8vw,4rem);line-height:1;letter-spacing:-.045em}
.lede{font-size:clamp(1.0625rem,2.2vw,1.25rem);line-height:1.45;letter-spacing:-.016em;color:var(--muted);max-width:56ch}
.stack{display:flex;flex-direction:column;gap:18px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.grainy{position:relative;isolation:isolate}
.grainy::after{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:240px 240px;mix-blend-mode:overlay;opacity:.38;pointer-events:none;z-index:0}
.grainy > *{position:relative;z-index:1}

/* Botones: barrido Sol de izquierda a derecha */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;font-family:var(--body);font-weight:500;font-size:1rem;letter-spacing:-.011em;text-decoration:none;border:1px solid transparent;cursor:pointer;
  background-size:380% 100%;background-repeat:no-repeat;background-position:0% 50%;transition:background-position .8s var(--ease),color .45s ease .18s,border-color .4s}
.btn:focus-visible,.navlink:focus-visible,summary:focus-visible,.dot:focus-visible,.svc:focus-visible,.signal:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.btn-primary{color:var(--white);background-image:linear-gradient(90deg,#2537A6 0%,#2537A6 26%,#4B65C2 38%,#86A2C9 50%,#C7C1BF 58%,#F3E092 70%,#F4EADB 84%,#F4EADB 100%)}
.btn-primary:hover,.btn-primary:active{background-position:100% 50%;color:var(--night)}
.btn-cream{color:var(--night);background-image:linear-gradient(90deg,#F4EADB 0%,#F4EADB 26%,#F3E092 40%,#C7C1BF 50%,#86A2C9 60%,#4B65C2 72%,#2537A6 84%,#2537A6 100%)}
.btn-cream:hover,.btn-cream:active{background-position:100% 50%;color:var(--white)}
.btn-ghost{color:var(--ink);border-color:rgb(10 12 26 / .14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  background-image:linear-gradient(90deg,rgb(247 247 246 / .72) 0%,rgb(247 247 246 / .72) 24%,#F4EADB 36%,#F3E092 46%,#86A2C9 58%,#2537A6 70%,#0E1756 80%,#03040E 88%,#03040E 100%)}
.btn-ghost:hover,.btn-ghost:active{background-position:100% 50%;color:var(--white);border-color:#03040E}

/* Entradas: palabras que suben, bloques que llegan con desenfoque */
.js .reveal{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease)}
.js .reveal.in{opacity:1;transform:none;filter:none}
.js .reveal-img{clip-path:inset(6% 6% 6% 6% round 28px);transform:scale(1.06);opacity:.4;transition:clip-path 1.3s var(--ease),transform 1.5s var(--ease),opacity 1s var(--ease)}
.js .reveal-img.in{clip-path:inset(0 0 0 0 round 24px);transform:none;opacity:1}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em .04em .14em;margin:-.16em -.04em -.14em}
.wi{display:inline-block;transform:none;transition:transform 1s var(--ease)}
.js .split:not(.in) .wi{transform:translateY(108%)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal,.js .reveal-img,.js .split .wi{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}*{transition-duration:.01ms!important;animation:none!important}}

/* Notas de estrategia */
.note{font-size:0.75rem;line-height:1.5;color:var(--note);background:var(--note-bg);border:1px dashed #D9C77A;border-radius:10px;padding:10px 12px;max-width:62ch}
.note b{font-weight:600;color:var(--ink)}
.dark .note{background:rgb(243 224 146 / .1);color:var(--sun);border-color:rgb(243 224 146 / .35)}
.dark .note b{color:var(--cream)}
body:not(.show-notes) .note{display:none}
.todo{background:var(--sun);color:var(--ink);font-size:.78em;font-weight:500;padding:1px 6px;border-radius:4px;white-space:nowrap;letter-spacing:0}
.notes-toggle{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;font:500 0.75rem var(--body);padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);box-shadow:0 8px 24px -10px rgb(3 4 14 / .35);cursor:pointer}

/* Header adaptable */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;color:var(--ink);background:rgb(247 247 246 / .72);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid var(--line);transition:background-color .4s ease,color .4s ease,border-color .4s ease}
.nav.on-dark{color:var(--cream);background:rgb(3 4 14 / .62);border-bottom-color:var(--line-d)}
.nav .wrap{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:block;height:19px;width:auto;aspect-ratio:458/79;color:currentColor}
.navlinks{display:none;gap:28px;font-size:0.875rem;font-weight:500}
.navlink{text-decoration:none;opacity:.72;transition:opacity .2s}
.navlink:hover{opacity:1}
.nav .btn{min-height:40px;padding:0 18px;font-size:0.875rem}
.nav.on-dark .btn-primary{color:var(--night);background-image:linear-gradient(90deg,#F4EADB 0%,#F4EADB 26%,#F3E092 40%,#C7C1BF 50%,#86A2C9 60%,#4B65C2 72%,#2537A6 84%,#2537A6 100%)}
.nav.on-dark .btn-primary:hover{color:var(--white)}
@media (min-width:880px){.navlinks{display:flex}}

/* Sol */
.sol{background:linear-gradient(to top, rgb(0 0 0 / .85) 0%, rgb(0 0 0 / 0) 24%), radial-gradient(ellipse 115% 105% at 47% 118% in oklab, var(--sol-stops), #F7F7F6 90%)}
@media (max-width:700px){.sol{background:linear-gradient(to top, rgb(0 0 0 / .85) 0%, rgb(0 0 0 / 0) 20%), radial-gradient(ellipse 210% 92% at 50% 112% in oklab, var(--sol-stops), #F7F7F6 90%)}}
.sol-flip{height:clamp(440px,62vw,760px);background:linear-gradient(to bottom, #03040E 0%, rgb(3 4 14 / .88) 14%, rgb(3 4 14 / 0) 42%), radial-gradient(ellipse 135% 112% at 50% -16% in oklab, var(--sol-stops), #FFFFFF 94%)}
@media (max-width:700px){.sol-flip{height:520px;background:linear-gradient(to bottom, #03040E 0%, rgb(3 4 14 / .88) 14%, rgb(3 4 14 / 0) 40%), radial-gradient(ellipse 240% 105% at 50% -10% in oklab, var(--sol-stops), #FFFFFF 94%)}}

/* Hero */
.hero{padding-block:64px 0;overflow:hidden}
.hero h1{font-size:clamp(3.375rem,14.6vw,8.5rem);line-height:.92;letter-spacing:-.055em}
.hero h1 .ln{display:block}
.devices{position:relative;margin:56px auto 0;height:clamp(400px,62vw,600px);max-width:980px}
.laptop{position:absolute;right:-4%;top:6%;width:min(78%,720px);aspect-ratio:16/10.4;border-radius:16px;background:var(--white);border:1px solid rgb(10 12 26 / .12);box-shadow:0 50px 90px -40px rgb(0 0 0 / .75),0 0 0 6px rgb(255 255 255 / .35);overflow:hidden;transform:perspective(1600px) rotateY(-16deg) rotateZ(3deg);transform-origin:left center;display:flex;flex-direction:column}
.win-bar{height:30px;flex:none;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line);background:#FAFAF9}
.win-bar i{width:9px;height:9px;border-radius:50%;background:#DADAD6}
.win-bar span{margin-left:10px;font-size:0.6562rem;color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:6px;padding:2px 10px}
.win-body{flex:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px;padding:12px;min-height:0}
.vid{position:relative;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse 130% 95% at 50% 125% in oklab, var(--sol-stops), #F7F7F6 90%)}
.vid .play{display:block;position:absolute;inset:0;margin:auto;width:42px;height:42px;border-radius:50%;background:rgb(255 255 255 / .9)}
.vid .play::after{content:"";position:absolute;left:17px;top:13px;border-left:12px solid var(--night);border-top:8px solid transparent;border-bottom:8px solid transparent}
.vid .pb{display:block;position:absolute;left:10px;right:10px;bottom:10px;height:4px;border-radius:2px;background:rgb(255 255 255 / .25)}
.vid .pb b{display:block;width:62%;height:100%;border-radius:2px;background:var(--sun)}
.vid small{position:absolute;left:12px;top:10px;font-size:0.6562rem;color:var(--ink);font-weight:600}
.side{display:flex;flex-direction:column;gap:6px;font-size:0.6875rem;min-width:0}
.side b{font-size:0.7188rem;margin-bottom:2px}
.side .l{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side .l.on{background:rgb(37 55 166 / .08);color:var(--blue);font-weight:500}
.side .l i{width:11px;height:11px;border-radius:50%;flex:none;border:1.5px solid var(--line)}
.side .l i.d{background:var(--blue);border-color:var(--blue)}
.side .prog{margin-top:auto;font-size:0.6562rem;color:var(--muted)}
.side .prog span{display:block;height:5px;border-radius:3px;background:var(--paper);margin-top:5px;overflow:hidden}
.side .prog span b{display:block;width:68%;height:100%;background:var(--blue)}
.phone{position:absolute;left:2%;top:0;width:min(42%,270px);aspect-ratio:9/18.6;border-radius:42px;background:#0B0D18;padding:9px;box-shadow:0 50px 90px -30px rgb(0 0 0 / .85),inset 0 0 0 1.5px rgb(255 255 255 / .14);transform:perspective(1400px) rotateY(16deg) rotateZ(-5deg);transform-origin:right center;z-index:2}
.phone-screen{height:100%;border-radius:34px;background:#F7F7F6;overflow:hidden;display:flex;flex-direction:column}
.ph-top{padding:30px 14px 10px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);background:var(--white)}
.av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#86A2C9,#2537A6);flex:none}
.ph-name{font-size:0.75rem;font-weight:600;line-height:1.2}
.ph-name small{display:block;font-size:0.6562rem;font-weight:400;color:var(--muted)}
.ph-chat{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:7px;font-size:0.7188rem;line-height:1.35}
.b{max-width:86%;padding:7px 10px;border-radius:13px}
.b.in{align-self:flex-start;background:var(--white);border:1px solid var(--line);border-bottom-left-radius:4px}
.b.out{align-self:flex-end;background:var(--blue);color:var(--white);border-bottom-right-radius:4px}
.b.time{align-self:center;font-size:0.625rem;color:var(--muted);padding:2px}
.float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:16px;background:rgb(255 255 255 / .86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgb(255 255 255 / .9);box-shadow:0 20px 40px -18px rgb(3 4 14 / .55);font-size:0.7812rem;font-weight:500;line-height:1.25;color:var(--ink)}
.float small{display:block;color:var(--muted);font-size:0.6875rem;font-weight:400}
.float i{width:26px;height:26px;border-radius:8px;flex:none;display:grid;place-items:center;font-style:normal;font-size:0.8125rem;font-weight:600}
.float.f1{left:24%;bottom:12%}
.float.f2{right:2%;top:0}
@media (max-width:600px){.devices{height:400px}.laptop{width:84%;right:-10%;top:16%;border-radius:10px}.phone{width:46%;left:0;border-radius:24px;padding:6px}.phone-screen{border-radius:19px}.ph-top{padding:20px 10px 8px}.ph-chat{padding:10px 8px;font-size:0.6562rem}.b{padding:6px 8px;border-radius:10px}.float.f1{left:20%;bottom:6%}.float.f2{right:0;top:2%}}
.hero-services{margin-top:-1px;padding-block:20px 32px;display:grid;grid-template-columns:1fr}
.svc{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-decoration:none;color:var(--cream);padding:16px 0;border-top:1px solid var(--line-d)}
.svc strong{font-weight:500;font-size:1.125rem}
.svc span{font-size:0.75rem;font-weight:600;letter-spacing:-.01em;color:var(--soft)}
@media (min-width:760px){.hero-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}

/* Tesis */
.thesis .h2{font-size:clamp(1.875rem,5.6vw,3rem);line-height:1.05;letter-spacing:-.04em;max-width:22ch}
.thesis-body{display:grid;gap:22px;margin-top:28px}
@media (min-width:880px){.thesis-body{grid-template-columns:1fr 1fr;gap:40px}}

/* Señales: tarjetas con foto */
.signals{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;margin-top:36px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.signals::-webkit-scrollbar{display:none}
.signal{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;scroll-snap-align:start;text-decoration:none;color:var(--white);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:var(--night)}
.signal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.signal::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom, rgb(3 4 14 / 0) 30%, rgb(3 4 14 / .72) 58%, rgb(3 4 14 / .96) 82%, #03040E 100%)}
.signal > div{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px}
.signal h3{font-size:1.5rem;line-height:1.1;letter-spacing:-.035em}
.signal p{color:var(--soft-2);font-size:0.9375rem}
.signal .to{font-size:0.75rem;font-weight:700;letter-spacing:-.01em;color:var(--sun);margin-top:4px}
.signal:hover img{transform:scale(1.04)}
@media (min-width:880px){.signals{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:20px;overflow:visible}}

/* AgendIA */
.dark{background:var(--night);color:var(--cream)}
.dark .eyebrow{color:var(--eyebrow-d,#F3E092)}
.dark .lede{color:var(--soft)}
.flow{position:relative;height:calc(4 * 70svh + 100svh);margin-top:24px}
.flow-inner{position:sticky;top:calc(var(--nav-h) + env(safe-area-inset-top,0px));height:calc(100svh - var(--nav-h) - env(safe-area-inset-top,0px));display:flex;flex-direction:column;justify-content:center;gap:20px;padding-block:16px}
.screen{position:relative;width:100%;max-width:420px;height:min(46svh,360px);margin-inline:auto;border-radius:28px;background:linear-gradient(180deg,#0E1756 0%,#070A22 100%);border:1px solid var(--line-d);overflow:hidden}
.panel{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.panel.is-active{opacity:1;transform:none}
.panel .top{display:flex;justify-content:space-between;font-size:0.6875rem;font-weight:600;letter-spacing:-.01em;color:var(--soft)}
.bub{max-width:84%;padding:10px 14px;font-size:0.875rem;line-height:1.35;border-radius:16px}
.bub.in{align-self:flex-start;background:rgb(244 234 219 / .1);border-bottom-left-radius:4px}
.bub.out{align-self:flex-end;background:var(--cream);color:var(--night);border-bottom-right-radius:4px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:999px;background:rgb(134 162 201 / .18);color:#CFE0F1}
.tag.sun{background:var(--sun);color:var(--night)}
.slot{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;border:1px solid var(--line-d);font-size:0.875rem}
.slot.on{background:var(--cream);color:var(--night);border-color:var(--cream);font-weight:500}
.kan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1}
.kan div{border-radius:12px;background:rgb(244 234 219 / .06);padding:10px;display:flex;flex-direction:column;gap:6px;font-size:0.6875rem;color:var(--soft);min-width:0}
.kan i{font-style:normal;display:block;padding:6px 8px;border-radius:8px;background:rgb(244 234 219 / .1);color:var(--cream);font-size:0.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.steps{position:relative;min-height:230px;max-width:520px;margin-inline:auto;width:100%}
.step{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.step.is-active{opacity:1;transform:none;pointer-events:auto}
.step .k{font-size:clamp(1.0625rem,1.8vw,1.1875rem);font-weight:700;letter-spacing:-.02em;color:var(--sun)}
.step h3{font-size:clamp(1.625rem,6.4vw,2.625rem);line-height:1.05;letter-spacing:-.04em}
.step p{color:var(--soft);font-size:1rem;max-width:44ch}
.dots{display:flex;gap:8px;justify-content:center;margin-top:14px}
.dot{width:28px;height:4px;border-radius:2px;border:0;padding:0;background:var(--line-d);cursor:pointer;transition:background .3s}
.dot.on{background:var(--sun)}
@media (min-width:1024px){
  .flow{height:auto;margin-top:40px}
  .flow-inner{position:static;height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding:0}
  .flow-visual{grid-column:2;grid-row:1;position:sticky;top:calc(50vh - 220px);align-self:start;margin-block:22vh}
  .screen{height:440px}
  .steps{grid-column:1;grid-row:1;min-height:0;max-width:none}
  .step{position:static;min-height:66vh;justify-content:center;opacity:.28;transform:none;pointer-events:auto;transition:opacity .6s var(--ease)}
  .step.is-active{opacity:1}
}
.photo{width:100%;max-width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px}
.photo-cap{display:grid;gap:20px;margin-top:64px}
.photo-cap p{color:var(--soft);font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.25;font-family:var(--display);letter-spacing:-.025em;max-width:30ch}
.photo-cap p strong{color:var(--cream);font-weight:600}
@media (min-width:880px){.photo-cap{grid-template-columns:1.4fr 1fr;align-items:end;gap:48px}}
.guarantee{margin-top:56px;border:1px solid var(--line-d);border-radius:22px;padding:28px;display:grid;gap:18px}
@media (min-width:880px){.guarantee{grid-template-columns:1fr auto;align-items:center}}

/* Tarjeta CTA (estilo garantía) */
.promise{background:radial-gradient(ellipse 160% 200% at 50% -30% in oklab,var(--sol-stops),#FFFFFF 94%);border-radius:32px;padding:clamp(28px,5vw,56px);display:grid;gap:22px;color:var(--cream);overflow:hidden;margin-top:56px}
.promise h2,.promise h3{font-family:var(--display);font-weight:600;font-size:clamp(2.5rem,8.6vw,5.5rem);line-height:.94;letter-spacing:-.055em;color:var(--white);max-width:16ch}
.promise p{color:var(--soft-2);max-width:52ch;font-size:1.0625rem}
.promise .eyebrow{color:var(--soft-2)}
/* Academia: bento con mismo esquema por tarjeta */
.academia{background:var(--white);padding-top:16px}
.bento{display:grid;grid-template-columns:1fr;gap:14px;margin-top:48px}
.card{background:var(--card);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:24px;overflow:hidden;min-width:0}
.card h3{font-size:1.375rem;letter-spacing:-.03em}
.card p{color:var(--muted);font-size:0.9375rem;margin-top:6px;max-width:44ch}
.ill{margin-top:auto;min-height:170px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.card.human{padding-bottom:0}
.human .ill{min-height:300px;justify-content:flex-end}
.human img{width:100%;max-width:560px;margin-inline:auto;aspect-ratio:3/2;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 70% 95% at 55% 62%,#000 55%,transparent 98%);mask-image:radial-gradient(ellipse 70% 95% at 55% 62%,#000 55%,transparent 98%)}
.chipcard{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--white);box-shadow:0 14px 30px -16px rgb(3 4 14 / .35);font-size:0.7812rem;font-weight:500;line-height:1.25;white-space:nowrap}
.chipcard small{display:block;color:var(--muted);font-weight:400;font-size:0.6875rem}
.chipcard i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:0.75rem;font-weight:700;flex:none}
.human .c1{left:0;top:18%}
.human .c2{right:0;top:8%}
.human .c3{right:2%;bottom:14%}
@media (min-width:700px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span2{grid-column:span 2}}
@media (min-width:1024px){.bento{grid-template-columns:repeat(3,minmax(0,1fr))}.span2-lg{grid-column:span 2}}
.lsn{display:flex;align-items:center;gap:10px;font-size:0.8438rem;padding:10px 12px;border-radius:12px;background:var(--white)}
.ck{width:18px;height:18px;border-radius:50%;flex:none;border:1.5px solid var(--line)}
.ck.done{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 4px var(--white)}
.lsn em{margin-left:auto;font-style:normal;color:var(--muted);font-size:0.75rem}
.q{font-size:0.875rem;font-weight:600;margin-bottom:2px}
.opt{display:flex;align-items:center;gap:10px;font-size:0.8438rem;padding:10px 12px;border-radius:12px;background:var(--white);border:1px solid transparent}
.opt.sel{border-color:var(--blue);color:var(--blue);font-weight:500}
.cert{position:relative;align-self:center;width:min(100%,280px);border:1px solid #E4D8B0;border-radius:6px;padding:16px 18px;background:linear-gradient(180deg,#FFFDF5,#F9EFEA);box-shadow:0 18px 34px -18px rgb(106 95 46 / .5);transform:rotate(-3deg)}
.cert small{display:block;font-size:0.625rem;font-weight:700;letter-spacing:-.01em;color:var(--note)}
.cert b{display:block;font-family:var(--display);font-size:1.25rem;letter-spacing:-.025em;margin:6px 0 2px}
.cert span{font-size:0.7188rem;color:var(--muted)}
.cert .seal{position:absolute;right:16px;bottom:14px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#F3E092 0 45%,#E2C65B 46% 100%)}
.seg{display:inline-flex;align-self:flex-start;padding:4px;border-radius:999px;background:var(--white);font-size:0.8125rem}
.seg span{padding:7px 14px;border-radius:999px;color:var(--muted)}
.seg span.on{background:var(--blue);color:var(--white);font-weight:500}
.pay{display:flex;flex-wrap:wrap;gap:8px}
.pay span{font-size:0.8125rem;font-weight:500;padding:9px 12px;border-radius:10px;background:var(--white)}
.paid{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted)}
.paid b{width:8px;height:8px;border-radius:50%;background:#3BA55C}
.stu{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(70px,40%) 36px;align-items:center;gap:10px;font-size:0.8125rem;padding:8px 12px;border-radius:12px;background:var(--white)}
.stu i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:0.6562rem;font-weight:600;color:var(--white)}
.stu em{font-style:normal;color:var(--muted);font-size:0.75rem;text-align:right}
.bar{height:6px;border-radius:999px;background:var(--paper);overflow:hidden}
.bar b{display:block;height:100%;background:var(--blue);border-radius:999px}
.bridge{margin-top:16px;border-radius:28px;padding:32px;background:var(--night);color:var(--cream);display:grid;gap:14px}
.bridge p{color:var(--soft)}
.bridge h3{font-size:clamp(1.5rem,3.6vw,2.125rem);line-height:1.1;letter-spacing:-.035em;max-width:24ch}

/* Marca */
.brand-grid{display:grid;gap:40px}
.brand-photo{position:relative}
.brand-photo .chipcard{left:16px;bottom:16px}
.sw{display:flex;gap:4px}
.sw b{width:14px;height:14px;border-radius:4px}
.deliv{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.deliv li{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:1.125rem;font-weight:500;letter-spacing:-.02em}
.deliv li span{font-size:0.8125rem;font-weight:400;color:var(--muted);text-align:right;letter-spacing:-.011em}
@media (min-width:880px){.brand-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px}}

/* Proyectos */
.cases{display:grid;gap:28px;margin-top:40px}
.case{display:flex;flex-direction:column;gap:12px}
.ph{aspect-ratio:4/3;max-width:100%;border-radius:20px;background:repeating-linear-gradient(135deg,#ECECEA 0 10px,#F3F3F1 10px 20px);border:1px solid var(--line);display:flex;align-items:flex-end;padding:14px;font-size:0.75rem;color:var(--muted)}
.case h3{font-size:1.4375rem}
.case p{color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
@media (min-width:700px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* FAQ */
.faq{margin-top:32px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-size:1.125rem;font-weight:500;letter-spacing:-.02em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat;color:var(--muted);transition:transform .6s var(--ease)}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq .a{overflow:hidden}
.faq .a p{padding:0 0 24px;color:var(--muted);max-width:62ch}
.faq .a .fw{display:inline-block;opacity:0;transform:translateY(10px);filter:blur(4px);transition:opacity .6s var(--ease),transform .7s var(--ease),filter .6s var(--ease)}
.faq details.shown .a .fw{opacity:1;transform:none;filter:none}
@media (min-width:1024px){.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:72px}.faq{margin-top:0}}

/* Cierre */
.close{padding-block:112px 0}
.close h2{font-size:clamp(3.5rem,14vw,8.25rem);line-height:.9;letter-spacing:-.055em}
.contact{margin-top:140px;padding-block:28px 40px;display:grid;gap:18px;color:var(--cream)}
.contact .lbl{font-size:0.75rem;font-weight:700;letter-spacing:-.01em;color:var(--soft)}
.contact .val{font-size:1.375rem;font-weight:500;letter-spacing:-.02em;user-select:all}
@media (min-width:760px){.contact{grid-template-columns:repeat(3,minmax(0,1fr))}}

footer{background:#000;color:var(--soft);padding-block:40px}
footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;font-size:0.875rem}
footer .logo{color:var(--cream);height:17px}
footer nav{display:flex;flex-wrap:wrap;gap:20px}
footer a{text-decoration:none}
footer a:hover{color:var(--cream)}

/* Portadas de proyecto (se reemplazan por la foto que subas) */
.cover{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:end center;max-width:100%;border-radius:22px;box-shadow:inset 0 0 0 1px rgb(10 12 26 / .06)}
.cover::after{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:240px 240px;mix-blend-mode:overlay;opacity:.35;pointer-events:none}
.cover .mk{position:relative;z-index:1;font-family:var(--display);font-weight:600;letter-spacing:-.05em;font-size:clamp(1.75rem,4vw,3rem);color:var(--white);text-align:center;padding:0 16px 11%}
.cover .ph-tag{position:absolute;right:14px;top:12px;z-index:2;font-size:0.7188rem;font-weight:600;padding:5px 10px;border-radius:999px;background:rgb(255 255 255 / .8);color:var(--ink)}
.c-sol{background:linear-gradient(to top,rgb(0 0 0 / .6) 0%,rgb(0 0 0 / 0) 34%),radial-gradient(ellipse 150% 150% at 50% 128% in oklab,var(--sol-stops),#ECE8DD 90%)}
.c-sol2{background:linear-gradient(to top,rgb(0 0 0 / .5) 0%,rgb(0 0 0 / 0) 34%),radial-gradient(ellipse 130% 140% at 20% 130% in oklab,var(--sol-stops),#ECE8DD 90%)}
.c-ecl{background:radial-gradient(45% 60% at 0% 100%,rgb(242 162 107 / .55),transparent 70%),radial-gradient(50% 70% at 100% 0%,rgb(62 107 255 / .6),transparent 70%),#050608}
.c-sunset{background:linear-gradient(to top,rgb(3 4 14 / .6) 0%,rgb(3 4 14 / 0) 34%),radial-gradient(ellipse 150% 150% at 50% 128% in oklab,#03040E 0%,#03040E 24%,#161A5E 36%,#5258EA 45%,#8A5CD6 51%,#C062AC 57%,#E7A6CF 64%,#F6DCEB 72%,#EFE3EC 88%)}
.c-sunset2{background:radial-gradient(ellipse 120% 110% at 85% -15% in oklab,#03040E 0%,#161A5E 30%,#5258EA 42%,#8A5CD6 50%,#C062AC 58%,#E7A6CF 68%,#F6DCEB 80%)}
.c-paper{background:radial-gradient(60% 80% at 100% 100%,rgb(243 224 146 / .55),transparent 70%),radial-gradient(50% 70% at 0% 0%,rgb(134 162 201 / .35),transparent 70%),#F1F1EF}
.c-ford{background:radial-gradient(70% 90% at 50% 120%,#7A2E1F 0%,#2A1410 55%,#120A08 100%)}
.c-arepa{background:radial-gradient(80% 90% at 30% 110%,#F2B33D 0%,#E07A1F 45%,#5A2A0C 100%)}

.navlink.active{opacity:1;font-weight:600}
.sec-h{font-size:clamp(1.875rem,5.4vw,3.25rem);line-height:1.02;letter-spacing:-.045em}

/* Hero con carrusel continuo */
.pr-hero{padding-block:64px 0;overflow:hidden}
.pr-hero h1{font-size:clamp(2.875rem,10vw,6.5rem);line-height:.94;letter-spacing:-.055em;max-width:14ch}
.rows{display:grid;gap:16px;margin-top:56px;padding-bottom:clamp(90px,10vw,140px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:16px;width:max-content;will-change:transform}
.tile{flex:none;width:clamp(220px,26vw,340px);aspect-ratio:4/3;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 60px -40px rgb(3 4 14 / .55)}
.tile.ui{background:var(--white);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.tile.ui .b{font-size:0.8125rem;max-width:88%}
.tile.ui small{font-size:0.75rem;color:var(--muted);font-weight:600}
.tile .tlabel{position:absolute;left:14px;top:12px;z-index:2;font-size:0.75rem;font-weight:600;padding:5px 10px;border-radius:999px;background:rgb(255 255 255 / .85);color:var(--ink)}
.sw3{display:flex;gap:8px}.sw3 i{flex:1;height:64px;border-radius:12px}

/* Filtro deslizante */
.slider{position:relative;display:inline-flex;padding:4px;border-radius:999px;isolation:isolate}
.slider .ind{position:absolute;z-index:-1;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:var(--night);transition:transform .55s var(--ease),width .55s var(--ease)}
.tabs.slider{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none;background:rgb(10 12 26 / .05);border:1px solid var(--line);width:max-content;margin-top:32px}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;font:500 0.9375rem var(--body);letter-spacing:-.011em;padding:11px 18px;border-radius:999px;border:0;background:none;color:var(--ink-2);cursor:pointer;transition:color .35s}
.tab[aria-selected="true"]{color:var(--cream)}
.tab:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}

/* Listado */
.grid{display:grid;gap:36px 28px;margin-top:40px}
.pj{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.pj[hidden]{display:none}
.pj .cover{aspect-ratio:4/3;border-radius:24px;transition:transform .8s var(--ease)}
.pj:hover .cover{transform:scale(.985)}
.pj h3{font-size:clamp(1.5rem,2.6vw,1.875rem);letter-spacing:-.04em;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pj h3 small{font-family:var(--body);font-size:0.8125rem;font-weight:500;color:var(--muted);letter-spacing:0}
.pj p{color:var(--muted);max-width:44ch}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:0.7812rem;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);background:var(--white)}
.chip.ag{border-color:rgb(62 107 255 / .35);color:#2F55E8}
.chip.ac{border-color:rgb(138 92 214 / .4);color:#7A4FC6}
.chip.mk{border-color:rgb(37 55 166 / .3);color:var(--blue)}
.pj.yours .cover{background:var(--white);border:1.5px dashed rgb(10 12 26 / .2);display:grid;place-items:center}
.pj.yours .cover span{font-family:var(--display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.04em;color:var(--ink);text-align:center;padding:20px}
@media (min-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pj.big{grid-column:span 2}.pj.big .cover{aspect-ratio:16/10.6}}

/* == finalize: menú móvil y escala == */
html{font-size:100%;-webkit-text-size-adjust:100%}
.menu-btn{display:inline-grid;place-items:center;width:44px;height:44px;margin-left:auto;border-radius:999px;border:1px solid currentColor;border-color:rgb(127 127 127 / .3);background:none;color:inherit;cursor:pointer}
.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor;transition:transform .3s var(--ease),box-shadow .3s}
body.menu-open .menu-btn span{box-shadow:none;transform:rotate(45deg)}
body.menu-open .menu-btn span::after{content:"";display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-90deg)}
.nav .wrap{gap:10px}
.nav .btn{white-space:nowrap}
.mnav{position:fixed;left:0;right:0;top:calc(var(--nav-h) + env(safe-area-inset-top,0px));z-index:49;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);padding:12px max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:2px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--ease);box-shadow:0 30px 60px -40px rgb(3 4 14 / .5)}
body.menu-open .mnav{opacity:1;transform:none;pointer-events:auto}
.mnav a{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-family:var(--display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em;text-decoration:none;border-bottom:1px solid var(--line)}
.mnav a[aria-current]{color:var(--blue)}
.mnav a::after{content:"→";font-size:1rem;color:var(--muted)}
@media (min-width:880px){.menu-btn,.mnav{display:none}}
@media (max-width:879px){.nav .btn{display:none}}
@media (max-width:420px){.nav .wrap{height:56px}}
footer .copy-name{font-weight:500}

.chip.wip{border-color:rgb(243 224 146 / .9);background:#FFF8DC;color:#6A5F2E}
/* == polish: íconos de redes y etiquetas sin versalitas == */
html,body{margin:0}
.si{width:1.125em;height:1.125em;flex:none;fill:currentColor;display:inline-block;vertical-align:-.18em}
.c-wa{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/></svg>")}.c-ig{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077'/></svg>")}.c-fb{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/></svg>")}
.c-wa::before,.c-ig::before,.c-fb::before{border-radius:0!important;width:12px!important;height:12px!important;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.app .si,.logo-ph .si{width:56%;height:56%;fill:#fff;vertical-align:0}
.logo-ph .si{width:62%;height:62%}
.float i .si{width:62%;height:62%;fill:#fff;vertical-align:0}
.contact a{text-decoration:none}
.contact .ct{display:flex;flex-direction:column;gap:6px}
.contact .lbl{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--soft)}
.contact .lbl .si{width:18px;height:18px}
.contact a.ct .val{transition:opacity .2s}
.contact a.ct:hover .val{opacity:.75}
.icard small{display:inline-flex;align-items:center;gap:8px}
.icard small .si{width:18px;height:18px}
a.icard{color:inherit}