@font-face{font-family:Recorte;src:url('assets/display.ttf') format('truetype');font-display:swap}@font-face{font-family:Poppins;src:url('assets/body.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:PoppinsBold;src:url('assets/bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--red:#c9090c;--ink:#292421;--paper:#f8f7f3;--line:rgba(201,9,12,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper) url('assets/paper.webp') center/1400px;color:var(--red);font-family:Poppins,Arial,sans-serif;font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{background:var(--red);color:white}.display{font-family:Recorte,'Arial Black',sans-serif;font-weight:400;line-height:.95;letter-spacing:.005em;margin:0}.skip{position:fixed;top:-100px;left:20px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;z-index:60;height:3px;background:var(--red);width:0}.nav{height:82px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(248,247,243,.94);backdrop-filter:blur(16px);z-index:50}.brand{font-family:Recorte,sans-serif;font-size:39px;line-height:1;display:flex;align-items:center;gap:15px}.brand span{font-family:Poppins,Arial,sans-serif;font-size:10px;line-height:1.5;max-width:100px;text-transform:uppercase;letter-spacing:1.3px}.nav nav{display:flex;gap:35px;align-items:center;font-size:12px}.nav nav>a{position:relative}.nav nav>a:not(.nav-contact):after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:currentColor;transition:width .3s}.nav nav>a:hover:after{width:100%}.nav-contact{padding:11px 20px;border:1px solid var(--red);border-radius:50px;display:flex;gap:26px;transition:background .2s,color .2s}.nav-contact:hover{background:var(--red);color:white}.menu-toggle{display:none}.foil{background:linear-gradient(#ffffffe0,#ffffffe0),url('assets/foil.webp') center/620px auto}.foil-soft{background:linear-gradient(#ffffffe6,#ffffffe6),url('assets/foil-soft.webp') center/cover}.hero{min-height:calc(100svh - 82px);position:relative;padding:28px 4% 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-top,.section-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.6px}.hero-center{text-align:center;position:relative;z-index:2;padding:60px 0 70px;animation:hero-in 1s both}.hero-kicker{font-size:clamp(25px,4.6vw,73px);margin-bottom:22px}.hero h1{font-size:clamp(78px,18vw,275px);letter-spacing:-.025em}.hero-name{font-family:PoppinsBold,Arial,sans-serif;font-weight:bold;font-size:clamp(15px,2.6vw,39px);letter-spacing:clamp(5px,1.3vw,21px);margin:24px 0 0}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;position:relative;z-index:3;font-size:11px}.hero-bottom p{margin:0}.round-link{display:flex;align-items:center;gap:25px}.round-link span{width:42px;height:42px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;font-size:21px;transition:transform .3s}.round-link:hover span{transform:translateY(4px)}.hero-edition{font-size:9px;letter-spacing:1px}.hero-sticker{position:absolute;right:6%;bottom:115px;background:var(--red);color:#fff;padding:17px 24px;font-size:11px;line-height:1.4;transform:rotate(9deg);box-shadow:0 8px 14px #0002;animation:sticker-in 1.4s both}.hero-sticker span{position:absolute;right:-20px;top:-26px;font-size:48px;color:var(--red)}.ticker{overflow:hidden;border-top:1px solid var(--red);border-bottom:1px solid var(--red);padding:15px 0;background:var(--red);color:var(--paper)}.ticker>div{display:flex;align-items:center;gap:35px;white-space:nowrap;width:max-content;font-size:15px;letter-spacing:3px;animation:ticker 32s linear infinite}.ticker span{font-size:24px}.section{padding:65px 6% 95px}.section-label{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:65px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.portrait-wrap{position:relative;padding:0 30px 125px 12%}.portrait{padding:16px 16px 32px;background:#f9f9f6;box-shadow:5px 12px 20px #0003;transform:rotate(-3deg);max-width:375px;margin:auto;transition:transform .4s}.portrait:hover{transform:rotate(0)}.portrait:before{content:'';position:absolute;left:35%;top:-17px;width:105px;height:37px;background:#efdfc4b0;transform:rotate(8deg);backdrop-filter:blur(1px)}.portrait img{width:100%;height:360px;object-fit:cover;object-position:center 25%}.portrait>span{display:block;text-align:center;font-size:12px;padding-top:16px}.portrait-wrap h2{position:absolute;left:0;bottom:0;font-size:clamp(55px,7vw,112px);transform:rotate(-4deg)}.lead{font-size:clamp(20px,2vw,29px);line-height:1.5;margin-top:0}.about-copy>p:not(.lead){font-size:15px;line-height:1.9}.text-link{display:inline-flex;gap:25px;justify-content:space-between;border-bottom:1px solid currentColor;padding:10px 0;margin-top:15px;font-size:13px}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.services h2,.projects-heading h2{font-size:clamp(65px,9vw,140px);margin-bottom:50px}.service{display:grid;grid-template-columns:55px 1.2fr 1.4fr 60px;gap:35px;align-items:center;padding:36px 12px;border-top:1px solid var(--line);transition:background .3s,padding .3s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{background:#c9090c08;padding-left:22px}.number{align-self:start;font-size:12px;padding-top:7px}.service h3{font-weight:400;font-size:25px;line-height:1.35;margin:0}.service p{font-size:13px;max-width:400px;margin:0}.service-symbol{font-size:38px;text-align:right;transition:transform .4s}.service:hover .service-symbol{transform:rotate(25deg)}.projects{padding-top:35px}.projects-heading{display:flex;justify-content:space-between;align-items:center}.projects-heading p{font-size:13px;text-align:right}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:70px}.filters button{border:1px solid var(--line);background:transparent;color:var(--red);padding:9px 20px;border-radius:40px;font-size:11px;transition:background .2s,color .2s}.filters button.active,.filters button:hover{background:var(--red);color:white}.filters sup{margin-left:5px;font-size:8px}.project{margin-bottom:95px;scroll-margin-top:110px}.project[hidden]{display:none}.project-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.project h3{font-family:PoppinsBold,Arial,sans-serif;font-size:clamp(23px,3vw,42px);margin:0;line-height:1.3}.project h3>span{font-family:Recorte,sans-serif;font-size:1.3em;margin-right:15px}.tag{font-size:9px;letter-spacing:1px;max-width:240px;text-align:right}.gallery{display:grid;gap:25px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.art{border:0;background:none;color:inherit;padding:0;text-align:left;display:block;width:100%;min-width:0}.art img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .5s,box-shadow .5s}.art:nth-child(2){padding-top:24px}.art:nth-child(3){padding-top:8px}.art:hover img{transform:translateY(-8px) rotate(-1.5deg);box-shadow:0 15px 25px #0002}.art>span{display:flex;justify-content:space-between;font-family:PoppinsBold,Arial,sans-serif;font-size:12px;padding-top:12px}.art b{font-size:19px;font-weight:400}.project-description{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:35px 0 20px}.project-description p{font-size:13px;line-height:1.8;margin:0 0 12px}.project-description .concept{font-size:20px;margin-bottom:12px}.project details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;padding:17px 0;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:22px;line-height:1;transition:transform .3s}details[open]>summary span{transform:rotate(45deg)}.development{display:grid;grid-template-columns:270px 1fr;gap:55px;padding:25px 0 35px;align-items:center}.development p{font-size:13px;line-height:1.8}.development h4{font-weight:400;font-size:24px}.video{position:relative;overflow:hidden;background:#ddd;color:#fff;aspect-ratio:3/4}.video>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.video:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000b)}.video:hover>img{transform:scale(1.05)}.play{position:absolute;top:20px;right:20px;width:42px;height:42px;border:1px solid #fffb;border-radius:50%;display:grid;place-items:center;font-size:22px;z-index:1;transition:background .3s}.video:hover .play{background:var(--red)}.video-title{position:absolute;bottom:22px;left:20px;right:20px;font-size:15px;z-index:1}.video-title>span{display:block;font-size:10px;margin-top:8px}.empate-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.document-img{height:340px;background:#e7e5df;overflow:hidden;display:grid;place-items:center}.document-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.document-img.press{padding:25px;background:#e6dacc}.document-img.press img{width:auto;max-width:100%;object-fit:contain;box-shadow:0 5px 15px #0002}.document:hover img{transform:scale(1.035)}.document>span{display:flex;justify-content:space-between;font-size:19px;margin-top:20px}.document p{font-size:13px;line-height:1.8}.experience{background:var(--red);color:#fbf7f1}.experience .section-label{border-color:#ffffff55}.experience-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:9%}.experience h2{font-size:clamp(40px,5.7vw,90px);position:sticky;top:120px;align-self:start}.timeline article{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #fff5}.timeline-top{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px}.timeline h3{font-weight:400;font-size:23px;margin:16px 0 10px}.timeline p{font-size:12px;line-height:1.8;margin:0}.education{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #fff6;padding-top:40px;margin-top:40px}.eyebrow{font-size:10px;letter-spacing:2px}.education h3{font-size:23px;font-weight:400;margin:12px 0}.education p{font-size:13px}.education p.small{font-size:11px;opacity:.8}.education ul{padding-left:18px}.education li{font-size:12px;margin-bottom:14px}.contact{padding-bottom:75px}.contact h2{font-size:clamp(70px,12.2vw,190px);text-align:center;margin-bottom:85px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-info a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0;font-size:13px;gap:10px;overflow-wrap:anywhere}.location{font-size:11px;margin-top:24px}.contact-star{display:inline-block;font-size:100px;line-height:1;margin-top:30px;animation:rotate-star 25s linear infinite}form label{display:block;font-size:11px;margin-bottom:5px}form label span{opacity:.65}input,textarea,select{width:100%;background:#fff5;border:0;border-bottom:1px solid #c9090c66;border-radius:0;color:var(--red);padding:9px 5px;margin-bottom:22px;font-size:13px}input::placeholder,textarea::placeholder{color:#9c4747}textarea{resize:vertical;min-height:90px}select option{background:var(--paper);color:var(--red)}.form-note{font-size:10px;line-height:1.7;margin:0 0 18px}.button{display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff;background:var(--red);border:1px solid var(--red);padding:15px 20px;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#a20003;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.form-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.email-button{font-size:10px;padding:5px 0;background:transparent;color:var(--red);border:0;border-bottom:1px solid currentColor}#form-status{font-size:12px;line-height:1.7}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 6%;font-size:9px;border-top:1px solid var(--line)}.footer-brand{font-family:PoppinsBold,Arial,sans-serif;letter-spacing:2px;font-size:11px}.whatsapp{position:fixed;bottom:25px;right:25px;z-index:45;display:flex;gap:10px;align-items:center;background:var(--red);color:white;border:1px solid #fffa;border-radius:50px;padding:14px 20px;box-shadow:0 5px 20px #0003;transition:transform .3s,background .3s;font-size:12px}.whatsapp:hover{transform:translateY(-4px);background:#a20003}.whatsapp svg{width:24px;height:24px}dialog{padding:55px 24px 15px;border:none;background:var(--paper);color:var(--red);max-width:min(94vw,900px);max-height:94svh;overflow:auto}dialog::backdrop{background:#18100cdd;backdrop-filter:blur(8px)}dialog>img{max-height:72svh;width:auto;margin:auto;object-fit:contain}dialog p{font-size:12px;text-align:center;margin:15px 0}.close-dialog{position:absolute;top:12px;right:18px;background:none;color:var(--red);border:0;font-size:12px;padding:5px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .75s,transform .75s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes hero-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes sticker-in{from{opacity:0;transform:translateY(60px) rotate(20deg)}to{opacity:1;transform:rotate(9deg)}}@keyframes rotate-star{to{transform:rotate(360deg)}}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100% - 1400px)/2));padding-right:max(6%,calc((100% - 1400px)/2))}.hero{min-height:850px}.hero h1{font-size:275px}}
@media(max-width:1000px){.section{padding:50px 5% 65px}.section-label{margin-bottom:45px}.hero-sticker{bottom:100px;font-size:9px;padding:12px 17px}.hero-center{padding:80px 0 100px}.service{grid-template-columns:35px 1fr 1.2fr 35px;gap:20px}.service h3{font-size:21px}.portrait-wrap{padding-left:5%;padding-right:15px}.portrait img{height:300px}.about-grid{gap:6%}.project-head{align-items:start}.gallery{gap:16px}.document-img{height:260px}.contact-grid{gap:7%}.contact-info a{font-size:11px}.experience-grid{gap:6%}}
@media(max-width:700px){html{scroll-padding-top:68px}.nav{height:68px;padding:0 5%}.brand{font-size:32px;gap:10px}.brand span{font-size:8px;letter-spacing:1px;max-width:80px}.menu-toggle{display:flex;gap:15px;align-items:center;background:transparent;color:var(--red);border:1px solid var(--line);border-radius:20px;padding:7px 13px;font-size:11px}.nav nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);padding:25px 6% 30px;border-bottom:1px solid var(--line);font-size:15px;align-items:stretch;gap:22px}.nav nav.open{display:flex;flex-direction:column}.nav-contact{justify-content:space-between}.hero{min-height:calc(90svh - 68px);padding:22px 5% 25px}.hero-top{font-size:7px;letter-spacing:.8px;gap:8px}.hero-top span:first-child{max-width:160px}.hero-top span:last-child{text-align:right;max-width:100px}.hero-center{padding:70px 0 95px}.hero-kicker{font-size:6vw;margin-bottom:22px}.hero h1{font-size:18vw}.hero-name{font-size:3.1vw;letter-spacing:1.3vw;margin-top:25px}.hero-sticker{bottom:100px;right:8%;font-size:9px}.hero-sticker span{font-size:36px;right:-15px;top:-20px}.hero-edition{display:none}.hero-bottom{font-size:9px;align-items:center}.round-link{gap:10px}.round-link span{width:32px;height:32px;font-size:16px}.ticker{padding:10px 0}.ticker>div{font-size:11px;gap:25px}.ticker span{font-size:18px}.section{padding:38px 6% 55px}.section-label{font-size:8px;letter-spacing:1px;gap:15px;padding-bottom:20px;margin-bottom:35px}.section-label span:last-child{text-align:right}.about-grid{grid-template-columns:1fr;gap:35px}.portrait-wrap{padding:0 10% 95px 15%;max-width:420px;margin:auto;width:100%}.portrait{max-width:280px;padding:12px 12px 20px}.portrait img{height:285px}.portrait-wrap h2{font-size:65px;bottom:-5px;left:0}.about-copy .lead{font-size:21px}.about-copy>p:not(.lead){font-size:13px}.services h2,.projects-heading h2{font-size:16vw;margin-bottom:35px}.service{grid-template-columns:26px 1fr 30px;gap:12px;padding:25px 0}.service h3{font-size:23px}.service p{grid-column:2;grid-row:2;font-size:12px;margin-top:3px}.service-symbol{grid-column:3;grid-row:1;font-size:29px}.service:hover{padding-left:5px}.number{font-size:10px}.projects{padding-top:20px}.projects-heading{display:block}.projects-heading p{text-align:left;margin:-20px 0 30px;font-size:12px}.filters{gap:8px;margin-bottom:40px}.filters button{padding:7px 12px;font-size:10px}.project-head{display:block;margin-bottom:20px}.project h3{font-size:25px}.tag{display:block;text-align:left;margin-top:8px;font-size:8px;max-width:none}.three{grid-template-columns:1fr 1fr}.art:nth-child(2),.art:nth-child(3){padding-top:0}.gallery.three>.art:last-child{grid-column:1/-1;width:70%;justify-self:center}.art>span{font-size:10px;line-height:1.4;padding-top:10px}.art b{font-size:15px}.project-description{grid-template-columns:1fr;gap:10px;margin-top:25px}.project-description p{font-size:12px}.project-description .concept{font-size:19px}.project{margin-bottom:55px}.development{grid-template-columns:1fr;gap:15px;padding-top:10px}.development .art{width:70%;margin:auto}.development h4{font-size:21px;margin-bottom:12px}.development p{font-size:12px}.video-gallery.three{grid-template-columns:1fr}.video{aspect-ratio:4/3}.video>img{object-fit:cover}.video-title{font-size:16px}.empate-grid{grid-template-columns:1fr;gap:30px}.document-img{height:290px}.document>span{font-size:18px}.experience-grid{grid-template-columns:1fr;gap:35px}.experience h2{font-size:17vw;position:static}.timeline-top{font-size:7px;gap:8px}.timeline-top span:last-child{text-align:right}.timeline h3{font-size:21px}.education{grid-template-columns:1fr;gap:20px;margin-top:20px;padding-top:30px}.education h3{font-size:21px}.contact h2{font-size:18vw;margin-bottom:40px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-info .lead{font-size:23px}.contact-info a{font-size:12px}.contact-star{display:none}.contact-info .location{margin-bottom:0}.form-actions{gap:16px}.button{padding:13px 16px;font-size:11px}.contact{padding-bottom:50px}footer{padding:25px 6% 100px;flex-wrap:wrap;font-size:8px;gap:15px}.footer-brand{width:100%;font-size:10px}.whatsapp{bottom:18px;right:18px;padding:13px}.whatsapp span{display:none}.whatsapp svg{width:25px;height:25px}dialog{padding:50px 12px 10px;max-width:94vw}dialog>img{max-height:70svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Full original compositions: keep thumbnails uncropped and labels separate. */
.video{display:block;aspect-ratio:auto;background:none;color:var(--red);overflow:visible}
.video:after{display:none}
.video-preview{position:relative;background:transparent;overflow:visible;border-radius:22px}
.video-preview>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:22px;transition:transform .4s}
.video:hover .video-preview>img{transform:translateY(-4px)}
.play{top:auto;bottom:16px;right:16px;background:var(--red);color:#fff;border:1px solid #fff;box-shadow:0 3px 10px #0002}
.video-title{display:block;position:static;padding-top:16px;font-size:14px;line-height:1.5}
.video-title>span{margin-top:5px;font-size:10px}
.empate-grid{align-items:start}
.document-img,.document-img.press{height:auto;padding:0;background:transparent;overflow:visible;display:block}
.document-img img,.document-img.press img{width:100%;height:auto;max-width:100%;object-fit:contain;box-shadow:none;transform:none}
.document:hover img{transform:translateY(-3px)}
@media(max-width:700px){.video-gallery.three{grid-template-columns:1fr}.video{width:min(100%,330px);justify-self:center;aspect-ratio:auto}.video-title{font-size:15px}.document-img,.document-img.press{height:auto}}

/* Monochrome sculpted service emojis. */
.service{grid-template-columns:55px 1.2fr 1.4fr 120px}
.service-symbol{display:block;width:120px;justify-self:end}
.service-symbol img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 7px #9c000019);transition:transform .4s}
.service:hover .service-symbol{transform:rotate(7deg)}
@media(max-width:1000px){.service{grid-template-columns:35px 1fr 1.2fr 90px}.service-symbol,.service-symbol img{width:90px;height:90px}}
@media(max-width:700px){.service{grid-template-columns:26px 1fr 76px;gap:12px}.service-symbol{grid-column:3;grid-row:1 / span 2;align-self:center}.service-symbol,.service-symbol img{width:76px;height:76px}.service p{grid-column:2;grid-row:2}.service h3{font-size:21px}}

/* Project shortcuts keep every project visible and navigate to its own anchor. */
.project-navigation a{display:inline-block;border:1px solid var(--line);background:transparent;color:var(--red);padding:9px 20px;border-radius:40px;font-size:11px;transition:background .2s,color .2s}
.project-navigation a:hover,.project-navigation a:focus-visible{background:var(--red);color:white}
@media(max-width:700px){.project-navigation a{padding:7px 12px;font-size:10px}}


/* Square video previews: full original artwork, a single play affordance. */
#proyecto-iucbc .video-gallery{max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 36px;align-items:start;perspective:1200px}
#proyecto-iucbc .video{position:relative;isolation:isolate;width:100%;max-width:none;justify-self:center;padding:10px 10px 16px;background:linear-gradient(145deg,#fff,#f7f5f2);border:1px solid #fff;border-radius:16px;box-shadow:0 2px 3px #49332a08,0 12px 22px -14px #49332a3b,0 26px 35px -28px #8e070735;transition:transform .35s ease,box-shadow .35s ease}
#proyecto-iucbc .video:before{content:'';position:absolute;inset:12px 7px -5px;border-radius:16px;background:#e9e4df;z-index:-1;box-shadow:0 5px 7px -5px #49332a22}
#proyecto-iucbc .video:hover,#proyecto-iucbc .video:focus-visible{transform:translateY(-5px);box-shadow:0 3px 5px #49332a08,0 18px 27px -14px #49332a45,0 30px 40px -27px #8e070735}
#proyecto-iucbc .video-preview{width:100%;aspect-ratio:1/1;margin:0;border-radius:9px;background:#fff;overflow:hidden;line-height:0;box-shadow:0 0 0 1px #322a2008}
#proyecto-iucbc .video-preview>img{width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-fit:contain;transform:none}
#proyecto-iucbc .video:hover .video-preview>img{transform:none}
#proyecto-iucbc .play{top:auto;left:auto;bottom:14px;right:14px;transform:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffffbb;background:#c9090cee;box-shadow:0 4px 12px #8b090928,inset 0 1px 0 #ffffff55;transition:scale .3s,background .3s}
#proyecto-iucbc .play svg{width:21px;height:21px}
#proyecto-iucbc .video:hover .play{background:var(--red);scale:1.06}
#proyecto-iucbc .video-title{font-size:12px;line-height:1.5;padding:14px 5px 0;margin:0;border:0}
#proyecto-iucbc .video-title>span{font-size:10px;margin-top:5px;opacity:.75}
.iucbc-summary{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:30px 0 0;border-top:1px solid var(--line);margin-top:40px}
.summary-block .eyebrow{display:block;font-size:8px;letter-spacing:1.8px;opacity:.65;margin-bottom:12px}
.summary-block h4{font-size:clamp(16px,1.65vw,22px);font-weight:400;line-height:1.45;margin:0 0 12px;text-wrap:balance}
.summary-block p{font-size:12px;line-height:1.85;max-width:460px;margin:0}
@media(max-width:700px){#proyecto-iucbc .video-gallery{gap:16px}#proyecto-iucbc .video{padding:7px 7px 13px}#proyecto-iucbc .video-title{font-size:10px;padding:11px 3px 0}#proyecto-iucbc .video-title>span{font-size:9px}#proyecto-iucbc .play{width:34px;height:34px;bottom:9px;right:9px}#proyecto-iucbc .play svg{width:17px;height:17px}.iucbc-summary{gap:25px}.summary-block h4{font-size:17px}}
@media(max-width:560px){#proyecto-iucbc .video-gallery{grid-template-columns:1fr;gap:24px;max-width:320px;margin:28px auto 32px}#proyecto-iucbc .video{padding:10px 10px 16px}#proyecto-iucbc .video-title{font-size:13px;padding:14px 5px 0}#proyecto-iucbc .video-title>span{font-size:10px}#proyecto-iucbc .play{width:42px;height:42px;bottom:14px;right:14px}.iucbc-summary{grid-template-columns:1fr;gap:26px;margin-top:32px;padding-top:26px}.summary-block p{max-width:none}}
@media(prefers-reduced-motion:reduce){#proyecto-iucbc .video:hover,#proyecto-iucbc .video:focus-visible{transform:none}#proyecto-iucbc .video:hover .play{scale:1}}

/* Shared image depth: a fine edge, contact shadow and soft ambient shadow. */
:root{--image-depth:0 1px 1px #46302a0d,3px 5px 0 -1px #e1d9d1,0 12px 20px -10px #46302a38,0 26px 35px -24px #8b080836;--image-depth-hover:0 2px 2px #46302a0d,4px 7px 0 -1px #e1d9d1,0 19px 28px -11px #46302a40,0 35px 44px -25px #8b08083b}
.gallery,.development,.empate-grid{perspective:1200px}
.art img,.document-img img,.document-img.press img{box-shadow:var(--image-depth);transform:perspective(1100px) rotateX(1deg) rotateY(-1deg);transform-origin:center;transition:transform .4s ease,box-shadow .4s ease}
.art:focus-visible img,.document:focus-visible img{box-shadow:var(--image-depth-hover)}
.portrait{box-shadow:var(--image-depth);transition:transform .4s ease,box-shadow .4s ease}
.service-symbol img{filter:drop-shadow(2px 4px 1px #8b08081c) drop-shadow(0 10px 8px #8b08082b)}
#proyecto-iucbc .video-preview{box-shadow:0 1px 2px #46302a14,0 6px 12px -7px #46302a2b}
#proyecto-iucbc .video{box-shadow:var(--image-depth);transition:transform .4s ease,box-shadow .4s ease}
#lightbox>img{box-shadow:0 5px 18px #46302a22,0 15px 30px -15px #8b08082b}
@media(hover:hover) and (pointer:fine){
 .art:hover img,.art:focus-visible img,.document:hover img,.document:focus-visible img{transform:perspective(1100px) translateY(-7px) rotateX(3deg) rotateY(-2deg);box-shadow:var(--image-depth-hover)}
 .portrait:hover{transform:perspective(1100px) translateY(-6px) rotate(-1deg) rotateY(2deg);box-shadow:var(--image-depth-hover)}
 #proyecto-iucbc .video:hover,#proyecto-iucbc .video:focus-visible{transform:perspective(1100px) translateY(-6px) rotateX(2deg) rotateY(-1deg);box-shadow:var(--image-depth-hover)}
}
@media(prefers-reduced-motion:reduce){
 .art img,.art:hover img,.art:focus-visible img,.document-img img,.document-img.press img,.document:hover img,.document:focus-visible img{transform:none;transition:none}
 .portrait:hover{transform:rotate(-3deg)}
 #proyecto-iucbc .video:hover,#proyecto-iucbc .video:focus-visible{transform:none}
}

/* Original PDF copy and clean square audiovisual previews. */
.original-pillars{padding-left:23px;margin:22px 0;list-style:decimal-leading-zero}
.original-pillars li{padding-left:9px;margin-bottom:20px}
.original-pillars li::marker{font:11px Poppins,Arial,sans-serif;color:var(--red)}
.original-pillars h5{font-size:14px;font-weight:400;margin:0 0 6px}
.original-pillars p{margin:0;font-size:12px;line-height:1.85}
.development{align-items:start}.development-text h4{margin-top:0}
.experience-list{padding-left:17px;margin:12px 0 0;font-size:12px;line-height:1.85}
.experience-list li{padding-left:3px;margin-bottom:6px}
.timeline h3{font-size:21px;line-height:1.5}.education h3{font-size:21px;line-height:1.5}
#proyecto-iucbc .video{padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none}
#proyecto-iucbc .video:before,#proyecto-iucbc .video:after{display:none}
#proyecto-iucbc .video-preview{aspect-ratio:1/1;overflow:hidden;border-radius:14px;border:1px solid #c9090c0d;background:#fff;box-shadow:0 19px 17px -18px #35150f70,0 30px 26px -26px #8b08084a;isolation:isolate;transition:box-shadow .35s}
#proyecto-iucbc .video-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;border:0;border-radius:0;box-shadow:none;transform:none}
#proyecto-iucbc .video:nth-child(3) .video-preview>img{object-position:center center}
#proyecto-iucbc .play{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:48px;height:48px;box-shadow:0 5px 12px #48000025;background:#c9090ce8;border:1px solid #ffffffb3;scale:1}
#proyecto-iucbc .video:hover,#proyecto-iucbc .video:focus-visible{box-shadow:none;transform:none}
#proyecto-iucbc .video:hover .video-preview,#proyecto-iucbc .video:focus-visible .video-preview{box-shadow:0 23px 19px -19px #35150f70,0 34px 28px -27px #8b08084a}
#proyecto-iucbc .video:hover .play{scale:1;background:var(--red)}
#proyecto-iucbc .video-title{padding:18px 0 0;font-size:12px;line-height:1.6}
#proyecto-iucbc .video-title>span{margin-top:5px;font-size:10px}
.iucbc-original-intro{padding-top:30px;border-top:1px solid var(--line);margin-top:40px!important}
.iucbc-concept{margin-top:25px}
.iucbc-concept summary{font-size:14px;padding:21px 0}
.concept-body{padding:10px 0 26px}
.concept-body>p{font-size:13px;line-height:1.85;max-width:900px;margin:0 0 18px}
.audiovisual-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:25px 0 24px}
.audiovisual-pillars li{margin:0}
#proyecto-empate .document>span{font-size:16px;line-height:1.6;gap:16px}
@media(max-width:700px){.audiovisual-pillars{grid-template-columns:1fr;gap:20px}.original-pillars h5{font-size:14px}.timeline h3{font-size:19px}#proyecto-iucbc .video{padding:0}#proyecto-iucbc .play{width:42px;height:42px}#proyecto-iucbc .video-title{font-size:11px}.concept-body>p{font-size:12px}}

/* Larger, aligned wordmark with a single-line descriptor. */
.nav .brand{font-size:58px;line-height:1;align-items:center;gap:16px;flex-shrink:0}
.nav .brand>span{max-width:none;white-space:nowrap;font-size:10px;line-height:1;letter-spacing:1.1px}
/* Make every disclosure easy to recognize without rotating its copy. */
details[open]>summary span{transform:none}
.project details{border:0;margin-top:24px}
.project details>summary{padding:17px 20px;background:#c9090c0b;border:1px solid #c9090c28;border-left:3px solid var(--red);border-radius:10px;color:var(--red);font-size:13px;align-items:center;gap:16px;box-shadow:0 7px 14px -13px #8b08086b;transition:background .2s,border-color .2s}
.project details>summary:hover{background:#c9090c14;border-color:#c9090c66}
.project details[open]>summary{background:#c9090c14}
.project details>summary>span{display:inline-grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:var(--red);color:white;font:20px/1 Arial,sans-serif;transition:transform .2s}
.project details[open]>summary>span{transform:rotate(45deg)}
.project .development{padding-top:30px}
.iucbc-concept .concept-body{padding-top:25px}
/* One compact main disclosure, then independent job, education and course disclosures. */
.experience{padding-top:45px;padding-bottom:48px}
.experience .section-label{margin-bottom:25px}
.experience-accordion>summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px;background:#ffffff09;border:1px solid #ffffff45;border-radius:12px;transition:background .2s}
.experience-accordion>summary:hover{background:#ffffff14}
.experience-accordion>summary:focus-visible,.experience-body summary:focus-visible{outline-color:#fff}
.experience-main-summary h2{font-size:clamp(38px,5.2vw,78px);position:static;margin:0;line-height:1}
.fold-action{display:flex;align-items:center;gap:14px;flex-shrink:0}
.fold-action .closed-label,.fold-action .open-label{font:10px/1.4 Poppins,Arial,sans-serif;letter-spacing:.4px}
.open-label{display:none}
.experience-accordion[open]>.experience-main-summary .closed-label{display:none}
.experience-accordion[open]>.experience-main-summary .open-label{display:inline}
.fold-icon{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff66;border-radius:50%;font:22px/1 Arial,sans-serif;flex:0 0 28px;transition:transform .2s}
.experience-accordion[open]>.experience-main-summary .fold-icon,.experience-body details[open]>summary>.fold-icon{transform:rotate(45deg)}
.experience-body{padding:30px 0 0}
.experience-body .timeline{display:grid;gap:12px}
.experience-entry{border:1px solid #ffffff38;border-radius:10px;background:#ffffff06;overflow:hidden}
.experience-entry>summary{padding:18px 20px;display:flex;align-items:center;gap:24px;background:#ffffff06;transition:background .2s}
.experience-entry>summary:hover{background:#ffffff12}
.experience-entry>summary span{font-size:inherit;line-height:inherit}
.experience-entry .entry-main{display:block;flex:1;min-width:0}
.experience-entry .timeline-top{display:flex;align-items:start;justify-content:space-between;font-size:9px;line-height:1.6;opacity:.75;margin-bottom:8px;gap:20px}
.experience-entry .entry-title{display:block;font-size:16px;line-height:1.6}
.experience-entry>summary>.fold-icon{font:22px/1 Arial,sans-serif}
.experience-entry .experience-list{padding:5px 30px 20px 40px;margin:0;font-size:12px}
.experience-body .education{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0;margin:22px 0 0;padding:0;align-items:start}
.experience-body .education>details{border:1px solid #ffffff38;border-radius:10px;background:#ffffff06;overflow:hidden}
.experience-body .education>details>summary{padding:18px 20px;font-size:11px;letter-spacing:1px;align-items:center;background:#ffffff0a;gap:16px}
.experience-body .education>details>summary:hover{background:#ffffff15}
.education-entry>.eyebrow{display:none}
.education-entry>h3,.education-entry>p{margin-left:20px;margin-right:20px}
.education-entry>h3{font-size:18px;margin-top:22px;line-height:1.6}
.education-entry>p{margin-bottom:22px;font-size:12px}
.courses-entry>ul{margin:20px;padding:0 0 0 18px}
@media(max-width:1000px){.nav nav{gap:20px}.nav .brand{font-size:52px;gap:12px}.nav .brand>span{font-size:9px;letter-spacing:.7px}}
@media(max-width:700px){.nav .brand{font-size:43px;gap:10px}.nav .brand>span{font-size:8px;letter-spacing:.5px}.experience{padding-top:32px;padding-bottom:34px}.experience-accordion>summary{padding:19px 16px;gap:14px}.experience-main-summary h2{font-size:clamp(28px,6.7vw,47px)}.fold-action{gap:9px}.fold-action .closed-label,.fold-action .open-label{font-size:8px;max-width:55px}.fold-icon{width:25px;height:25px;flex-basis:25px;font-size:20px}.experience-body{padding-top:20px}.experience-entry>summary{padding:15px 14px;gap:14px}.experience-entry .timeline-top{font-size:8px;gap:12px}.experience-entry .entry-title{font-size:13px}.experience-body .education{grid-template-columns:1fr}.experience-entry .experience-list{padding-left:32px;padding-right:20px}.project details>summary{font-size:12px;padding:15px 16px}}
@media(prefers-reduced-motion:reduce){.fold-icon,.project details>summary>span{transition:none}}

/* Optical alignment of the cut-paper initials with the adjacent descriptor. */
.brand-monogram{display:block;font-style:normal;line-height:1;transform:translateY(7px)}
/* All four pieces remain together in each conceptual project's main gallery. */
.gallery.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;align-items:start}
.gallery.four>.art,.gallery.four>.art:nth-child(2),.gallery.four>.art:nth-child(3),.gallery.four>.art:last-child{padding:0;width:100%;grid-column:auto;justify-self:stretch}
.gallery.four>.art>span{display:flex;align-items:center;gap:10px;line-height:1.5;min-height:48px;font-size:12px}
.project .text-only-development{display:block;padding:28px 0 18px}
.text-only-development .development-text{max-width:960px}
.text-only-development .original-pillars{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;row-gap:20px}
.text-only-development .original-pillars li{margin:0}
/* Red action badges distinguish links and image enlargement. */
.project .project-action-arrow{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;border:1px solid #b70003;background:var(--red);color:#fff;font:21px/1 Arial,sans-serif;box-shadow:0 5px 9px -6px #8b08086b;transition:transform .25s,box-shadow .25s,background .25s}
.art:hover .project-action-arrow,.art:focus-visible .project-action-arrow,.document:hover .project-action-arrow,.document:focus-visible .project-action-arrow,.video:hover .project-action-arrow,.video:focus-visible .project-action-arrow{transform:translate(2px,-2px);background:#a90003;box-shadow:0 7px 12px -6px #8b08087a}
.document>span{align-items:center}
#proyecto-iucbc .video-title>span{display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:1;margin-top:9px}
@media(max-width:1000px){.gallery.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}}
@media(max-width:700px){.brand-monogram{transform:translateY(5px)}.gallery.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.gallery.four>.art>span{font-size:10px;gap:7px;min-height:42px}.project .project-action-arrow{width:27px;height:27px;flex-basis:27px;font-size:18px}.text-only-development .original-pillars{grid-template-columns:1fr;gap:20px}.project .text-only-development{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.project .project-action-arrow{transition:none}.art:hover .project-action-arrow,.document:hover .project-action-arrow,.video:hover .project-action-arrow{transform:none}}

/* Uniform white photographic frames, matching the portrait in section 01. */
:root{--photo-frame:16px;--photo-white:#fdfdfb}
.art img,.document-img img,.document-img.press img{border:var(--photo-frame) solid var(--photo-white);border-radius:0;background:var(--photo-white)}
#proyecto-iucbc .video-preview{border:var(--photo-frame) solid var(--photo-white);border-radius:0;background:var(--photo-white)}
#proyecto-iucbc .video-preview>img{border:0;border-radius:0}
.portrait{background:var(--photo-white)}
#lightbox>img{border:var(--photo-frame) solid var(--photo-white);background:var(--photo-white)}
@media(max-width:700px){:root{--photo-frame:12px}}

/* Lemur already has a photographed border: trim that border inside one shared frame. */
#proyecto-lemur .art-media{display:block;position:relative;padding:0;margin:0;min-height:0;line-height:0;aspect-ratio:1;overflow:hidden;border:var(--photo-frame) solid var(--photo-white);background:var(--photo-white);box-shadow:var(--image-depth);transform:perspective(1100px) rotateX(1deg) rotateY(-1deg);transition:transform .4s,box-shadow .4s}
#proyecto-lemur .art-media>img{position:absolute;top:-4.3%;left:-4.3%;width:108.6%;height:108.6%;max-width:none;border:0;border-radius:0;box-shadow:none;object-fit:cover;transform:none}
#proyecto-lemur .art:hover .art-media>img,#proyecto-lemur .art:focus-visible .art-media>img{transform:none;box-shadow:none}
#lightbox.embedded-frame>img{border:0}
@media(hover:hover) and (pointer:fine){#proyecto-lemur .art:hover .art-media,#proyecto-lemur .art:focus-visible .art-media{transform:perspective(1100px) translateY(-7px) rotateX(3deg) rotateY(-2deg);box-shadow:var(--image-depth-hover)}}
/* The form reads on a solid surface; the contact details sit to its right. */
.contact-grid .contact-info{grid-column:2;grid-row:1}
.contact-grid #contact-form{grid-column:1;grid-row:1;padding:28px;background:#fff9;border:1px solid #c9090c22;border-radius:14px;box-shadow:0 12px 24px -23px #7a18184d}
.contact-title{font-size:clamp(38px,4.2vw,64px);line-height:1;margin:0 0 24px}
#contact-form label{font-size:12px;color:#850508;margin-bottom:8px}
#contact-form input,#contact-form select,#contact-form textarea{background:#fff;color:#3e191a;border:1px solid #a84c4e;border-radius:7px;padding:12px 13px;font-size:13px;box-shadow:0 1px 2px #63232308;margin-bottom:22px}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#735658;opacity:1}
#contact-form input:hover,#contact-form select:hover,#contact-form textarea:hover{border-color:#86090d}
#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{border-color:var(--red);outline:2px solid #c9090c24;outline-offset:2px;background:#fff}
#contact-form select option{color:#3e191a;background:#fff}
#contact-form .form-note,#contact-form #form-status{color:#642b2d}
.contact .contact-arrow{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #b70003;border-radius:50%;background:var(--red);color:#fff;font:21px/1 Arial,sans-serif;box-shadow:0 5px 9px -6px #8b08086b;transition:transform .25s,background .25s}
.contact-info a{padding:16px 0;gap:16px}
.contact-info a:hover .contact-arrow,.email-button:hover .contact-arrow,#contact-retry:hover .contact-arrow{transform:translate(2px,-2px);background:#a90003}
#contact-form .button{border-radius:7px;padding:11px 15px;gap:16px}
#contact-form .button .contact-arrow{background:#fff;color:var(--red);border-color:#fff;box-shadow:none;width:27px;height:27px;flex-basis:27px;font-size:18px}
#contact-form .email-button{display:inline-flex;align-items:center;gap:10px;border:0}
#contact-form .email-button .contact-arrow{width:25px;height:25px;flex-basis:25px;font-size:17px}
#contact-retry{align-items:center;font-size:11px}
@media(max-width:700px){.contact-grid .contact-info{grid-column:1;grid-row:2}.contact-grid #contact-form{grid-column:1;grid-row:1;padding:20px 16px}.contact-title{font-size:42px;margin-top:8px}.contact-info a{font-size:11px}.contact .contact-arrow{width:29px;height:29px;flex-basis:29px;font-size:19px}}
@media(prefers-reduced-motion:reduce){#proyecto-lemur .art-media,#proyecto-lemur .art:hover .art-media{transform:none;transition:none}.contact .contact-arrow{transition:none}.contact-info a:hover .contact-arrow,.email-button:hover .contact-arrow,#contact-retry:hover .contact-arrow{transform:none}}

/* Restrained corner radii for the professional timeline. */
.experience-accordion>summary,.experience-entry,.experience-body .education>details{border-radius:3px}
.experience-body .education>details>summary,.experience-entry>summary{border-radius:2px}
/* Red contact panel, high-contrast copy, and near-square fields. */
.contact-grid #contact-form{background:var(--red);border:1px solid #af0003;border-radius:3px;box-shadow:0 16px 25px -22px #6f000067;color:#fff}
#contact-form label{color:#fff}
#contact-form label>span{opacity:.85}
#contact-form input,#contact-form select,#contact-form textarea{border-radius:2px;background:#fff;color:#3e191a;border:1px solid #fff;box-shadow:0 2px 3px #61000010}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#735658;opacity:1}
#contact-form input:hover,#contact-form select:hover,#contact-form textarea:hover{border-color:#f5bfc0}
#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{border-color:#fff;outline:2px solid #fff;outline-offset:3px;background:#fff}
#contact-form select option{background:#fff;color:#3e191a}
#contact-form .form-note,#contact-form #form-status{color:#fff}
#contact-form .button{background:#fff;color:var(--red);border:1px solid #fff;border-radius:2px}
#contact-form .button:hover{background:#fff2ed;border-color:#fff2ed}
#contact-form .email-button,#contact-form #contact-retry{color:#fff}
#contact-form .contact-arrow{background:#fff;color:var(--red);border-color:#fff;box-shadow:none}
#contact-form .button .contact-arrow{background:var(--red);color:#fff;border-color:var(--red)}
#contact-form .email-button:hover .contact-arrow,#contact-form #contact-retry:hover .contact-arrow{background:#fff2ed;color:#a90003}
#contact-form .button:focus-visible,#contact-form .email-button:focus-visible,#contact-form #contact-retry:focus-visible{outline-color:#fff}
/* Remove the unused caption space and center the banner's only action. */
.portrait{padding-bottom:16px}
.hero .hero-bottom{justify-content:center;align-items:center;text-align:center;width:100%}
.about-copy .text-link{align-items:center;gap:15px}
.site-action-arrow{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #b70003;border-radius:50%;background:var(--red);color:#fff;font:21px/1 Arial,sans-serif;box-shadow:0 5px 9px -6px #8b08086b;transition:transform .25s,background .25s}
.about-copy .text-link:hover .site-action-arrow{transform:translate(2px,-2px);background:#a90003}
@media(max-width:700px){.portrait{padding-bottom:12px}.site-action-arrow{width:29px;height:29px;flex-basis:29px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.site-action-arrow{transition:none}.about-copy .text-link:hover .site-action-arrow{transform:none}}

/* A white waterline fills the original wordmark on a red loading screen. */
#site-loader{--water-level:340px;overflow:hidden}
.loader-composition{position:relative;width:min(90vw,640px);text-align:center;animation:loader-arrive .45s ease both}
.loader-logo{display:block;width:100%;height:auto;overflow:visible}
.loader-mm{font-family:Recorte,'Arial Black',sans-serif;font-size:206px;letter-spacing:1px;font-weight:400}
.loader-descriptor{font-family:Poppins,Arial,sans-serif;font-size:21px;letter-spacing:2px;font-weight:400}
.loader-ghost{fill:#ffffff16;stroke:#ffffff60;stroke-width:.6;paint-order:stroke fill}
.loader-water-rise{transform:translateY(var(--water-level));will-change:transform}
.loader-wave{animation:loader-wave-drift 2.4s linear infinite;will-change:transform}
.loader-filled .loader-water-rise{transition:transform .2s ease-out}
.loader-asterisk{display:block;position:absolute;top:6%;right:14%;font:44px/1 Arial,sans-serif;color:#fff;animation:loader-star-turn 9s linear infinite;opacity:.85}
.loader-caption{display:flex;justify-content:center;align-items:center;gap:10px;margin:6px 0 0;font:9px/1.6 Poppins,Arial,sans-serif;letter-spacing:2.7px;color:#fff}
.loader-dots{display:inline-flex;align-items:center;gap:4px}
.loader-dots i{display:block;width:3px;height:3px;border-radius:50%;background:#fff;animation:loader-dot-pulse 1s ease-in-out infinite}
.loader-dots i:nth-child(2){animation-delay:.15s}.loader-dots i:nth-child(3){animation-delay:.3s}
@keyframes loader-wave-drift{from{transform:translateX(0)}to{transform:translateX(-320px)}}
@keyframes loader-star-turn{to{transform:rotate(360deg)}}
@keyframes loader-dot-pulse{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes loader-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.loader-composition{width:94vw}.loader-caption{font-size:8px;letter-spacing:2px}.loader-asterisk{font-size:30px;right:13%}}
@media(prefers-reduced-motion:reduce){.loader-composition,.loader-wave,.loader-asterisk,.loader-dots i{animation:none}.loader-water-rise{transform:translateY(-35px);transition:none}.loader-filled .loader-water-rise{transition:none}html.loader-is-exiting #site-loader{transition:none}}