@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"OPTI Century Expanded Two";src:url("../fonts/CenturyExpanded.woff2") format("woff2"),url("../fonts/CenturyExpanded.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}

:root{
  --serif:"OPTI Century Expanded Two","Century Expanded","C059","Century Schoolbook","Source Serif 4",Georgia,serif;
  --sans:"Roboto",Arial,sans-serif;
  --m:20px;--g:20px;
  --fs:20px;--lh:25px;      /* titulos */
  --ps:15px;--pl:20px;      /* parrafo serif */
  --big:30px;--bigl:35px;   /* H4 */
  --bg:#fff;--fg:#000;
}
@media(max-width:1000px){:root{--fs:19px;--lh:24px;--ps:14px;--pl:19px;--big:24px;--bigl:29px}}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:var(--fs);line-height:var(--lh);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
body.dark{--bg:#000;--fg:#fff}
a{color:inherit}
.up{text-transform:uppercase;font-weight:400}
.light{font-weight:300}
.serif{font-family:var(--serif);font-size:var(--ps);line-height:var(--pl)}
.serif a,a.u{text-decoration:underline;text-underline-offset:2px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--g);padding:0 var(--m)}
main{flex:1;display:flex;flex-direction:column}

/* Header */
.header{padding-top:30px;padding-bottom:30px}
.header .intro{grid-column:1/7}
.header .highlights{grid-column:7/10}
.header .contact{grid-column:10/13}
.header h2{font-weight:400;text-transform:uppercase;margin-bottom:5px}
.header p{font-weight:300}
.header p a{text-decoration:underline}
.header .contact a,.contact a{text-decoration:underline}
.burger{position:fixed;top:30px;right:var(--m);width:37.665px;height:11px;z-index:50;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;mix-blend-mode:normal}
.burger i{display:block;height:2px;background:var(--fg);width:100%}
.header{position:relative}
.has-burger-room .intro{padding-right:0}

/* Video */
.video{padding:0 var(--m);flex:1;display:flex;min-height:300px}
.video .box{flex:1;border-radius:20px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.video video{height:100%;max-height:425px;width:auto;max-width:100%;object-fit:contain}
.video .box{min-height:300px}

/* Marquee */
.marquee{margin-top:30px;border-top:1px solid var(--fg);border-bottom:1px solid var(--fg);overflow:hidden;padding:15px 0;white-space:nowrap}
.marquee .track{display:inline-flex;animation:mq 40s linear infinite}
.marquee span{padding-right:.6em;text-transform:uppercase}
@keyframes mq{to{transform:translateX(-50%)}}
.marquee:hover .track{animation-play-state:paused}

/* Footer */
.footer{padding-top:150px;padding-bottom:30px;row-gap:20px;align-items:start}
.footer .name{grid-column:1/7;font-family:var(--serif);font-size:var(--big);line-height:var(--bigl)}
.footer .collab{grid-column:7/10}
.footer .loc{grid-column:10/13}
.footer h3{font-weight:400;text-transform:uppercase;font-size:var(--fs);line-height:var(--lh)}
.footer p{font-family:var(--serif);font-size:var(--ps);line-height:var(--pl)}
.footer .collab p{text-decoration:none}
.footer .collab a{text-decoration:underline}
@media(max-width:1000px){
  .footer{padding-top:150px}
  .footer .name{grid-column:1/7}
}

/* Menu overlay */
.menu{position:fixed;left:0;right:0;top:0;height:303px;background:#000;color:#fff;z-index:100;transform:translateY(-101%);transition:transform .3s ease-out}
.menu.open{transform:none}
.menu .links{position:absolute;top:25px;grid-column:7/13}
.menu a{text-decoration:none;display:block;text-transform:uppercase}
.menu .links{display:block}
.menu .inner{position:relative;height:100%}
.menu .l{position:absolute;left:710px;top:25px}
.menu .l a{display:block}
.menu .contact-b{position:absolute;left:710px;top:185px}
.menu .contact-b div a{text-transform:none;display:inline;text-decoration:underline;font-family:var(--serif);font-size:var(--ps);line-height:var(--pl)}
.menu .contact-b div{margin-top:12px}
.menu .brand{position:absolute;left:20px;bottom:30px;font-family:var(--serif);font-size:var(--big);line-height:var(--bigl)}
.menu .close{position:absolute;top:24px;right:var(--m);width:27px;height:27px;background:none;border:0;cursor:pointer}
.menu .close i{position:absolute;left:0;top:13px;width:38px;height:2px;background:#fff;transform-origin:0 50%}
.menu .close i:first-child{transform:rotate(45deg) translate(-1px,-1px)}
.menu .close i:last-child{transform:rotate(-45deg) translate(-1px,1px)}
@media(max-width:1000px){.menu .l,.menu .contact-b{left:394px}}
@media(max-width:600px){
  .menu .l,.menu .contact-b{left:20px}
  .menu .l{top:25px}
  .menu .contact-b{top:82px}
  .menu .contact-b div{margin-top:5px}
  .menu .brand{left:20px;bottom:30px}
}
.menu .l a,.menu .contact-b h3{font-weight:400}

/* About */
body.about .top{padding-top:20px;padding-bottom:0;display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;padding-left:20px;padding-right:20px}
.top{padding-top:20px}
.top h1{font-weight:400;font-size:var(--fs);grid-column:1/10;text-transform:uppercase}
.top .contact{grid-column:10/13}
.about-body{padding-top:150px;padding-bottom:0;row-gap:0}
.desc{grid-column:1/10;padding-right:20px;font-family:var(--serif);font-size:var(--big);line-height:var(--bigl);text-align:justify;hyphens:auto;position:relative}
.desc .ph{position:relative;border-bottom:1px solid currentColor;cursor:default;display:inline}
.desc .ph .card{position:absolute;z-index:5;left:0;top:100%;margin-top:4px;background:#fff;color:#000;padding:10px 14px;min-width:230px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s;text-align:left;font-size:var(--ps);line-height:var(--pl);hyphens:none;font-family:var(--serif)}
.desc .ph .card b{display:block;font-family:var(--sans);font-weight:300;font-size:var(--fs);line-height:var(--lh);text-transform:none}
.lists{grid-column:10/13;padding-left:10px}
.lists h2{font-weight:400;text-transform:uppercase;border-top:1px solid #fff;padding-top:10px;padding-bottom:10px}
.proj{border-top:1px solid #fff;position:relative;cursor:pointer}
.proj .t{font-weight:300;display:block;padding:10px 0;position:relative;background:none;border:0;color:inherit;font:inherit;text-align:left;width:100%}
.proj .t:before{content:"→";position:absolute;left:-34px;opacity:0;transition:opacity .2s}
.proj.open .t:before,.proj:hover .t:before{opacity:1}
.proj .d{display:none;padding-bottom:30px}
.proj.open .d{display:block}
.proj .d p+p{margin-top:30px}
.proj .d .tags{font-family:var(--sans);font-weight:300;font-size:var(--fs);line-height:var(--lh)}
.award{padding:0 0 20px}
.award .a{text-transform:none}
.list2{padding-bottom:20px;font-weight:300}
.sec{margin-top:30px}
@media(max-width:1000px){
  .about-body{padding-top:150px}
  .desc{grid-column:1/8;height:560px;overflow-y:auto;padding-right:10px;scrollbar-width:thin}
  .lists{grid-column:8/13;padding-left:30px}
  .top .contact{grid-column:10/13}
}
@media(max-width:600px){
  .about-body{display:block;padding-top:100px}
  .desc{height:400px;margin-bottom:40px;padding-right:0}
  .lists{padding-left:0}
  .proj{padding-left:16px}
  .proj .t:before{left:-16px}
  .top .contact{display:none}
}

/* Illustration */
.ill-head{padding-top:30px;padding-bottom:30px}
.ill-head .txt{grid-column:1/7}
.ill-head h1{font-weight:400;text-transform:uppercase;font-size:var(--fs);margin-bottom:5px}
.ill-head p{font-weight:300}
.ill-head .contact{grid-column:10/13}
.gallery{overflow:hidden;flex:1;display:flex;align-items:flex-end;padding:30px 0 0}
.gtrack{display:flex;align-items:flex-end;gap:20px;padding-left:20px;animation:gs 120s linear infinite;width:max-content}
.gallery:hover .gtrack{animation-play-state:paused}
.gtrack figure{flex:0 0 auto;width:125px}
.gtrack img{width:125px;display:block;border-radius:6px}
.gtrack figcaption{font-family:var(--serif);font-size:var(--ps);line-height:var(--pl);margin-top:10px;min-height:55px;white-space:normal}
@keyframes gs{to{transform:translateX(-50%)}}
@media(max-width:1000px){.ill-head .txt{grid-column:1/8}.ill-head .contact{grid-column:10/13}}
@media(max-width:600px){
  .header,.ill-head{display:block}
  .header .highlights{margin-top:20px}
  .header .contact,.ill-head .contact{display:none}
  
  .header .intro,.header .highlights{padding-right:40px}
  .burger{top:24px}
  .video .box{min-height:322px}
  .footer{display:block;padding-top:100px}
  .footer .name{margin-bottom:20px}
  .footer .col{display:inline-block}
  .footer .collab{margin-left:calc((100% - 20px)*0.0)}
}
@media(max-width:600px){
  .footer{display:grid;grid-template-columns:repeat(6,1fr)}
  .footer .name{grid-column:1/7}
  .footer .collab{grid-column:1/4}
  .footer .loc{grid-column:4/7}
}

/* Cursor personalizado (solo escritorio) */
@media(hover:hover) and (pointer:fine){
  .cursor-dot{position:fixed;left:0;top:0;width:14px;height:14px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:999;transform:translate(-50%,-50%);transition:width .2s,height .2s}
  .cursor-dot.big{width:44px;height:44px}
}
@media(hover:none),(pointer:coarse){.cursor-dot{display:none}}
h1,h2,h3{font-size:var(--fs);line-height:var(--lh);font-weight:400}
.cursor-dot{opacity:0}.cursor-dot.on{opacity:1}
.about .top .contact{margin-top:0}
/* Hover About: texto atenuado, frase activa en pleno color, tarjeta que sigue al cursor */
.desc{transition:color .25s}
.desc.dim{color:rgba(255,255,255,.22)}
.desc.dim .ph{border-bottom-color:rgba(255,255,255,.22)}
.desc.dim .ph.on{color:#fff;border-bottom-color:#fff}
.desc .ph .card{position:fixed;left:0;top:0;margin:0;background:#fff;color:#000;border:1px solid #000;border-radius:2px;padding:6px 10px;min-width:0;white-space:nowrap;text-align:center;transform:translate(14px,14px);opacity:0;transition:opacity .15s;font-size:var(--ps);line-height:var(--pl)}
.desc .ph.on .card{opacity:1}
.desc .ph .card b{font-size:var(--ps);line-height:var(--pl)}
.desc .ph .card i{font-style:italic;display:block}
/* Párrafos en serif (estilo "p Paragraph" de Figma) */
.header p,.ill-head p{font-family:var(--serif);font-weight:400;font-size:var(--ps);line-height:var(--pl)}
.header p a{text-decoration:underline;text-underline-offset:2px}

/* Ajustes tras revisión */
.menu .brand{text-transform:none}
.desc .ph,.desc.dim .ph,.desc.dim .ph.on{border-bottom:0}
.proj .d p{margin:0}
.proj .d .tags{font-family:var(--sans);font-weight:300}
.proj .d .serif{font-family:var(--sans);font-weight:300;font-size:var(--fs);line-height:var(--lh)}
.gallery{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.gallery.drag{cursor:grabbing}
.gtrack{animation:none!important;will-change:transform}
.gtrack img{pointer-events:none;-webkit-user-drag:none}
.desc .ph .card{background:#000;color:#fff;border:1px solid #fff;padding:12px 16px;text-align:left;border-radius:0;transform:translate(16px,16px)}
.desc .ph .card b{font-family:var(--sans);font-weight:300;font-size:var(--fs);line-height:var(--lh)}
.desc .ph .card i{font-family:var(--serif);font-style:normal;font-size:var(--ps);line-height:var(--pl)}
.proj .t{font-weight:300}
.award,.list2,.proj .d{font-family:var(--sans);font-weight:300;font-size:var(--fs);line-height:var(--lh)}
.award{padding-bottom:20px}

/* Visor de imágenes */
.lb{position:fixed;inset:0;background:#fff;color:#000;z-index:200;display:flex;flex-direction:column}
.lb[hidden]{display:none}
.lb-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:20px;z-index:3;font-family:var(--serif);font-size:var(--ps);line-height:var(--pl)}
.lb-close{background:none;border:0;font:inherit;color:inherit;cursor:pointer}
.lb-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:70px 20px 50px;min-height:0}
.lb-img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:6px}
.lb-prev,.lb-next{position:absolute;top:60px;bottom:40px;width:50%;background:none;border:0;cursor:none;z-index:2}
.lb-prev{left:0}.lb-next{right:0}
.lb-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-family:var(--serif);font-size:var(--ps);line-height:var(--pl)}
.lb-tip{position:fixed;left:0;top:0;pointer-events:none;z-index:4;font-family:var(--serif);font-size:var(--ps);line-height:var(--pl);white-space:nowrap;transform:translate(14px,14px);opacity:0}
.lb-tip.on{opacity:1}
@media(hover:none),(pointer:coarse){.lb-prev,.lb-next{cursor:pointer}.lb-tip{display:none}}
body.lb-open{overflow:hidden}
body.lb-open .cursor-dot{display:none}
/* Detalle de proyecto en serif */
.proj .d,.proj .d .tags,.proj .d .serif,.proj .d p{font-family:var(--serif);font-weight:400;font-size:var(--ps);line-height:var(--pl)}

/* Awards: solo la primera línea en sans */
.award{font-family:var(--serif);font-weight:400;font-size:var(--ps);line-height:var(--pl)}
.award .aw1{font-family:var(--sans);font-weight:300;font-size:var(--fs);line-height:var(--lh)}
.proj .d a{text-decoration:underline;text-underline-offset:2px}
.proj .d p+p{margin-top:20px}
/* Hamburguesa y tache más pequeños y centrados */
.burger{width:28px;height:9px;right:var(--m);top:32px}
.burger i{height:2px}
.menu .close{top:26px;right:var(--m);width:24px;height:24px;padding:0}
.menu .close i{position:absolute;left:50%;top:50%;width:26px;height:2px;margin:-1px 0 0 -13px;background:#fff;transform-origin:50% 50%}
.menu .close i:first-child{transform:rotate(45deg)}
.menu .close i:last-child{transform:rotate(-45deg)}
@media(max-width:600px){.burger{top:26px}.menu .close{top:20px}}
.menu .close{top:24px}
@media(max-width:600px){.menu .close{top:18px}.burger{top:26px}}
/* Menú: caída más suave desde arriba, enlaces entran escalonados */
.menu{transition:transform .55s cubic-bezier(.76,0,.24,1);visibility:hidden}
.menu.open{visibility:visible}
.menu:not(.open){transition:transform .55s cubic-bezier(.76,0,.24,1),visibility 0s .55s}
.menu .l a,.menu .contact-b,.menu .brand{opacity:0;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease}
.menu.open .l a,.menu.open .contact-b,.menu.open .brand{opacity:1;transform:none}
.menu.open .l a:nth-child(1){transition-delay:.25s}
.menu.open .l a:nth-child(2){transition-delay:.32s}
.menu.open .contact-b{transition-delay:.4s}
.menu.open .brand{transition-delay:.45s}
@media(prefers-reduced-motion:reduce){.menu,.menu *{transition:none!important}}
/* Hamburguesa que se transforma en tache (como en la referencia) */
.burger{z-index:150;width:28px;height:9px;top:32px;right:20px;display:block;padding:0}
.burger i{position:absolute;left:0;width:100%;height:2px;background:var(--fg);transform-origin:50% 50%;transition:translate .2s ease .25s,rotate .25s ease,background .3s,width .25s}
.burger i:first-child{top:0}.burger i:last-child{bottom:0}
@media(hover:hover){.burger:not(.is-open):hover i:first-child{width:55%;left:45%}}
.burger.is-open i{background:#fff;transition:translate .2s ease,rotate .25s ease .2s,background .3s}
.burger.is-open i:first-child{translate:0 3.5px;rotate:45deg;width:100%;left:0}
.burger.is-open i:last-child{translate:0 -3.5px;rotate:-45deg}
.menu .close{display:none}
@media(max-width:600px){.burger{top:26px}}
@media(prefers-reduced-motion:reduce){.burger i{transition:none!important}}
/* Transformación más fluida: movimiento y giro a la vez */
.burger i{transition:translate .45s cubic-bezier(.65,0,.35,1),rotate .45s cubic-bezier(.65,0,.35,1),width .3s ease,left .3s ease,background .3s}
.burger.is-open i{transition:translate .45s cubic-bezier(.65,0,.35,1),rotate .45s cubic-bezier(.65,0,.35,1),width .3s ease,left .3s ease,background .3s}
/* Listado: apertura suave en su lugar, un proyecto a la vez */
.proj .d{display:block;max-height:0;overflow:hidden;opacity:0;padding-bottom:0;transition:max-height .45s cubic-bezier(.65,0,.35,1),opacity .3s ease,padding-bottom .45s cubic-bezier(.65,0,.35,1)}
.proj.open .d{display:block;max-height:700px;opacity:1;padding-bottom:30px}
@media(prefers-reduced-motion:reduce){.proj .d{transition:none}}
/* Links: leve opacidad y subrayado que se dibuja de izquierda a derecha */
.serif a,.header p a,.contact a,.footer a,.menu .contact-b a,.proj .d a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:1px;transition:opacity .25s ease}
.menu .l a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:opacity .25s ease,background-size .35s ease,transform .35s ease;display:inline-block;width:fit-content}
.menu .l{display:flex;flex-direction:column;align-items:flex-start}
@keyframes ulin{from{background-size:0 1px}to{background-size:100% 1px}}
@media(hover:hover){
 .serif a:hover,.header p a:hover,.contact a:hover,.footer a:hover,.menu .contact-b a:hover,.proj .d a:hover{opacity:.6;animation:ulin .4s ease forwards}
 .menu .l a:hover{opacity:.6;background-size:100% 1px}
}
@media(prefers-reduced-motion:reduce){.serif a:hover,.header p a:hover,.contact a:hover,.footer a:hover,.menu .contact-b a:hover,.proj .d a:hover{animation:none}}
.serif a,.header p a,.header .contact a,.contact a,.footer a,.footer .collab a,.menu .contact-b a,.menu .contact-b div a,.proj .d a{text-decoration:none!important}
/* Hover naranja (color del tigre) */
:root{--accent:#FF5F1F}
.serif a,.header p a,.contact a,.footer a,.menu .contact-b a,.proj .d a,.menu .l a{transition:color .25s ease,opacity .25s ease}
@media(hover:hover){
 .serif a:hover,.header p a:hover,.contact a:hover,.footer a:hover,.menu .contact-b a:hover,.proj .d a:hover,.menu .l a:hover{opacity:1;color:var(--accent)}
}
/* Cursor: al pasar por links se vuelve aro, para no alterar el color del texto */
@media(hover:hover) and (pointer:fine){
 .cursor-dot{transition:width .2s ease,height .2s ease,background-color .2s ease,border-color .2s ease;border:1px solid #fff}
 .cursor-dot.big{width:34px;height:34px;background:transparent;border:1px solid #fff}
}
/* Cursor: círculo sólido; los links y frases quedan por encima para verse en naranja */
@media(hover:hover) and (pointer:fine){
 .cursor-dot,.cursor-dot.big{mix-blend-mode:normal;border:0;background:#000;z-index:5}
 .cursor-dot.big{width:44px;height:44px}
 body.dark .cursor-dot,body.dark .cursor-dot.big{background:#fff}
 .serif a,.header p a,.contact a,.footer a,.proj .d a,.desc .ph,.proj .t,.gallery figure{position:relative;z-index:6}
 .desc .ph .card{z-index:8}
 body.menu-open .cursor-dot,body.menu-open .cursor-dot.big{z-index:120;background:#fff;mix-blend-mode:difference}
 body.menu-open .cursor-dot.big{background:transparent;border:1px solid #fff;width:34px;height:34px}
}
/* Cursor dentro del menú: círculo blanco sólido detrás de los enlaces */
@media(hover:hover) and (pointer:fine){
 body.menu-open .cursor-dot:not(.in-menu){opacity:0!important}
 .menu .cursor-dot.in-menu,.menu .cursor-dot.in-menu.big{position:fixed;z-index:0;mix-blend-mode:normal;background:#fff;border:0;width:14px;height:14px;display:block}
 .menu .cursor-dot.in-menu.big{width:44px;height:44px;background:#fff;border:0}
 .menu .l,.menu .contact-b,.menu .brand{position:absolute;z-index:1}
 .menu .l a,.menu .contact-b a{position:relative;z-index:2}
}

/* Ajustes: flecha de proyectos, tarjetas About y menú Contact */
.menu .contact-b>a{background:none!important;animation:none!important;padding-bottom:0;text-decoration:none!important}
@media(min-width:601px){
  .menu .contact-b{top:auto;bottom:34px}
}
@media(max-width:1000px){
  .proj .t:before{left:-26px}
}
@media(max-width:600px){
  .proj{padding-left:30px}
  .proj .t:before{left:-30px}
}
.desc .ph .card{max-width:calc(100vw - 40px)}
@media(max-width:1000px){
  .desc .ph .card{white-space:normal;max-width:calc(100% - 20px);width:max-content}
}
.menu .contact-b>a{display:block}
.menu .contact-b div,.menu .contact-b div{margin-top:0!important}
.menu .contact-b div{font-size:var(--ps);line-height:var(--pl)}
.mbr{display:none}
@media(max-width:600px){
  .menu .contact-b{top:73px}
  .menu .contact-b>a{line-height:var(--lh)}
  .mbr{display:inline}
}
@media(max-width:1000px){
  .desc .ph{position:static!important;z-index:auto!important}
  .desc .ph .card{position:absolute!important;transform:none!important;max-width:calc(100% - 16px);width:max-content;white-space:normal;z-index:8}
}
/* Mobile / touch: el link se pone naranja al tocarlo */
@media(hover:none){
 .serif a,.header p a,.contact a,.footer a,.menu .contact-b div a,.proj .d a,.menu .l a{-webkit-tap-highlight-color:transparent}
 .serif a:active,.header p a:active,.contact a:active,.footer a:active,.menu .contact-b div a:active,.proj .d a:active,.menu .l a:active{color:var(--accent);opacity:1;transition-duration:0s}
 .menu .l a:active{background-size:100% 1px}
}

/* Tarjetas del About: sólidas, sin fundido ni estados "pegados" */
.desc .ph .card{opacity:1!important;visibility:hidden;transition:none!important;background:#000}
.desc .ph.on .card{visibility:visible}
.desc.dim .ph.sel{color:#fff;border-bottom-color:#fff}
/* Nombre del footer -> Home */
.footer .name a{color:inherit;text-decoration:none;background:none;transition:color .25s ease}
@media(hover:hover){.footer .name a:hover{color:var(--accent)}}
@media(hover:none){.footer .name a:active{color:var(--accent);transition-duration:0s}}
.footer .name a{position:relative;z-index:6}
/* APRosenzweig del menú -> Home, naranja en hover/toque */
.menu .brand{z-index:2;transition:opacity .35s ease,transform .35s ease,color .25s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}
@media(hover:hover){.menu.open .brand:hover{color:var(--accent)}}
@media(hover:none){.menu .brand:active{color:var(--accent);transition-duration:0s}}
.menu.open .brand{transition-delay:.45s,.45s,0s}

/* About: frase corta, alineada a la izquierda */
.desc{text-align:left;hyphens:manual;font-size:28px;line-height:1.5;padding-right:60px}
@media(max-width:1000px){.desc{font-size:22px;padding-right:0;height:auto;overflow:visible;margin-bottom:40px}}