@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap";*{color:#092373;box-sizing:border-box;scrollbar-width:thin;background-color:#f3f4f4;margin:0;font-family:Jost,sans-serif}html{scroll-behavior:smooth}html,body,#root{min-width:0;min-height:100%}body{overflow-x:hidden}img{max-width:100%}main .tutu-hero{justify-content:center;height:40vh;margin-bottom:15vh;display:flex}main .tutu-hero img{width:auto;height:100%}main .gallery-loading{justify-content:center;display:flex}main .tutu-grid{grid-template-columns:repeat(3,1fr);gap:.1rem;padding-left:.1rem;padding-right:.1rem;display:grid}main .tutu-grid .mouse-pointer{cursor:pointer}main .tutu-grid .tutu-grid-item{height:45vh;position:relative;overflow:hidden}main .tutu-grid .tutu-grid-item .tutu-grid-title{opacity:0;color:#f3f4f4;z-index:2;pointer-events:none;background:0 0;font-size:2rem;font-weight:700;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main .tutu-grid .tutu-grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .3s;transform:scale(1)}main .tutu-grid div:hover .tutu-grid-title{opacity:1}main .tutu-grid div:hover img{filter:brightness(66%);transform:scale(1.08)}@media (width<=900px){main .tutu-hero{height:32vh;margin-bottom:8vh}main .tutu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main .tutu-grid .tutu-grid-item{height:38vh}main .tutu-grid .tutu-grid-item .tutu-grid-title{text-align:center;width:85%;font-size:1.5rem}}@media (width<=399px){main .tutu-hero{height:auto;margin:1rem 0 3rem;padding:0 1.5rem}main .tutu-hero img{width:min(100%,22rem);height:auto}main .tutu-grid{grid-template-columns:1fr;gap:.25rem;padding:0 .25rem}main .tutu-grid .tutu-grid-item{height:min(65vh,32rem)}main .tutu-grid .tutu-grid-item .tutu-grid-title{opacity:1;background:linear-gradient(#0000,#000000b3);width:100%;padding:2.5rem 1rem 1rem;font-size:1.25rem;top:auto;bottom:0;left:0;transform:none}}header{height:fit-content}header .header-content{justify-content:space-between;align-items:center;padding:2rem 4rem 1rem;display:flex}header .header-content h1{font-size:2.5rem;font-weight:500}header .header-content .header-icons{align-items:center;gap:2rem;display:flex}header .header-content .header-icons p{font-family:Be Vietnam Pro,sans-serif;position:relative}header .header-content .header-icons p:hover{cursor:pointer}header .header-content .header-icons p:after{content:"";background:#092373;width:0;height:2px;position:absolute;bottom:-.2rem;left:0}header .header-content .header-icons p:not(.here):after{transition:width .25s ease-in-out}header .header-content .header-icons p:not(.here):hover:after{width:100%}header .header-content .header-icons .here{font-weight:700}header .header-content .header-icons .here:after{width:100%}header .header-content .header-icons .language-toggle{cursor:pointer;background:#e5e7eb;border:0;border-radius:999px;align-items:center;width:5.75rem;height:2.55rem;padding:0;transition:box-shadow .25s ease-in-out;display:block;position:relative;box-shadow:inset 0 1px 3px #00000026}header .header-content .header-icons .language-toggle:hover{box-shadow:inset 0 1px 3px #00000026,0 0 0 1px #0923732e}header .header-content .header-icons .language-toggle:focus-visible{outline-offset:3px;outline:2px solid #092373}header .header-content .header-icons .language-flag{background:#fff;border:2px solid #fff;border-radius:50%;width:2rem;height:2rem;transition:transform .3s ease-in-out;position:absolute;top:.275rem;left:.35rem;overflow:hidden;box-shadow:0 1px 4px #00000047}header .header-content .header-icons .language-flag img{object-fit:cover;background:0 0;width:100%;height:100%;display:block}header .header-content .header-icons .language-code{color:#555966;letter-spacing:.04em;background:0 0;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:500;line-height:1;transition:left .3s ease-in-out,right .3s ease-in-out;position:absolute;top:50%;right:.72rem;transform:translateY(-50%)}header .header-content .header-icons .language-toggle--pt .language-flag{transform:translate(3.05rem)}header .header-content .header-icons .language-toggle--pt .language-code{left:.8rem;right:auto}header .header-content .header-icons .icon{background:0 0;border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,transform .25s ease-in-out;display:grid}header .header-content .header-icons .icon img{cursor:pointer;background:0 0;width:auto;height:1rem}header .header-content .header-icons .icon:hover{cursor:pointer;background-color:#09237314;transform:translateY(-1px);box-shadow:0 0 0 1px #0923732e}header .header-content .header-icons .icon:focus-visible{outline-offset:3px;outline:2px solid #092373}header .header-content .header-icons .instagram-icon img{height:1.12rem}@media (width<=900px){header .header-content{padding:1.5rem 2rem 1rem}header .header-content h1{font-size:2rem}header .header-content .header-icons{gap:1.25rem}}@media (width<=600px){header .header-content{flex-direction:column;gap:1rem;padding:1.25rem 1rem}header .header-content h1{text-align:center;font-size:clamp(1.75rem,9vw,2.25rem)}header .header-content .header-icons{justify-content:center;gap:1rem;width:100%}}@media (prefers-reduced-motion:reduce){.language-flag,.language-code{transition:none}}footer{justify-content:center;align-items:center;min-height:15vh;padding:2rem 1rem;display:flex}.contact-header{background-color:#4e8bbe;justify-content:space-around;align-items:center;height:33vh;display:flex}.contact-header img{background-color:#0000;max-width:30%;max-height:100%}.contact-section{justify-content:space-around;align-items:center;gap:5%;height:75vh;padding:2rem 4rem;display:flex}.contact-section img{height:100%}.contact-section p{max-width:600px;font-size:1.2rem;line-height:1.5}.contact-text{margin:2rem 4rem}.contact-text h2{margin-bottom:1rem;font-size:2.7rem;font-weight:400}.contact-text p{font-size:1.2rem}.contact-socials{background-color:#4e8bbe;flex-direction:column;padding:2rem 4rem;display:flex}.contact-socials p,.contact-socials b{color:#fff;background-color:#4e8bbe;margin-bottom:.5rem;font-size:1.2rem}@media (width<=900px){.contact-header{height:26vh}.contact-section{gap:2rem;height:auto;padding:3rem 2rem}.contact-section img{width:min(42%,22rem);height:auto}.contact-text{margin:2rem}.contact-socials{padding:2rem}}@media (width<=600px){.contact-header{height:20vh;overflow:hidden}.contact-header img{object-fit:contain;width:33.333%;height:100%}.contact-section{flex-direction:column;align-items:stretch;gap:1.5rem;padding:2rem 1.25rem}.contact-section img{object-fit:cover;width:100%;max-height:70vh}.contact-section p{max-width:none;font-size:1rem}.contact-text{margin:1rem 1.25rem 2rem}.contact-text h2{font-size:clamp(2rem,11vw,2.7rem)}.contact-text p{font-size:1rem}.contact-socials{padding:1.5rem 1.25rem}.contact-socials p,.contact-socials b{overflow-wrap:anywhere;font-size:1rem}}.artwork-carousel{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.artwork-carousel-card{cursor:pointer;border:0;height:42vh;padding:0;position:relative;overflow:hidden}.artwork-carousel-card span{z-index:1;color:#fff;opacity:0;background:#0000007a;place-items:center;padding:1rem;font-size:1.5rem;font-weight:700;transition:opacity .25s;display:grid;position:absolute;inset:0}.artwork-carousel-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.artwork-carousel-card:hover span,.artwork-carousel-card:focus-visible span{opacity:1}.artwork-carousel-card:hover img,.artwork-carousel-card:focus-visible img{transform:scale(1.06)}@media (width<=700px){.artwork-carousel{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-carousel-card{height:34vh}.artwork-carousel-card:nth-child(3){grid-column:1/-1;width:100%;height:25vh}.artwork-carousel-card span{opacity:1;background:linear-gradient(#0000 45%,#000000b8);align-items:end;padding:3rem 1rem 1rem}}@media (width<=399px){.artwork-carousel{grid-template-columns:1fr}}.recommendation-heading{align-items:center;min-height:13.5vh;padding:0 2rem;display:flex}.recommendation-heading p{margin-right:25px;font-size:1.75rem}.recommendation-heading img{width:auto;height:5.5rem}@media (width<=600px){.recommendation-heading{min-height:7rem;padding:1rem 1.25rem}.recommendation-heading p{flex:1;margin-right:.75rem;font-size:1.25rem;line-height:1.2}.recommendation-heading img{flex-shrink:0;width:4.5rem;height:auto}}.thx-for-watching{background-color:#4e8bbe;padding:2.7rem}.thx-for-watching h2{color:#fff;text-align:center;background-color:#0000;margin:0;font-size:3rem;font-weight:400}@media (width<=600px){.thx-for-watching{padding:2rem 1rem}.thx-for-watching h2{font-size:clamp(1.75rem,9vw,2.5rem)}}.first-ilustration-container{background-color:#101010;justify-content:center;width:100%;height:40vh;display:flex;overflow:hidden}.first-ilustration-container .first-ilustration{object-fit:cover;object-position:center top;width:60%;height:100%}.description{text-align:justify;padding:5rem 10rem;font-size:large;font-weight:400}.main-artwork-container{justify-content:center;width:100%;padding-bottom:3rem;display:flex}.main-artwork-container img{width:61%;margin:auto}.random-crop{width:100%;height:40vh;display:flex}.random-crop .random-crop-1,.random-crop .random-crop-2,.random-crop .random-crop-3{flex:1 1 0;min-width:0;height:100%;overflow:hidden}:is(.random-crop .random-crop-1,.random-crop .random-crop-2,.random-crop .random-crop-3) img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.65)}.random-crop .random-crop-1 img{object-position:left bottom;transform-origin:0 100%}.random-crop .random-crop-2 img{object-position:right center;transform-origin:50%}.random-crop .random-crop-3 img{object-position:left bottom;transform-origin:100% 100%}.book-cover{justify-content:center;width:100%;display:flex}.book-cover img{width:70%}@media (width<=900px){.first-ilustration-container{height:34vh}.first-ilustration-container .first-ilustration{width:80%}.description{padding:3rem 4rem}.main-artwork-container img{width:80%}.random-crop{height:32vh}.book-cover img{width:85%}}@media (width<=600px){.first-ilustration-container{height:28vh}.first-ilustration-container .first-ilustration{width:100%}.description{padding:2rem 1.25rem;font-size:1rem;line-height:1.6}.main-artwork-container{padding-bottom:1.5rem}.main-artwork-container img{width:100%}.random-crop{grid-template-columns:1fr;height:auto;display:grid}.random-crop .random-crop-1,.random-crop .random-crop-2,.random-crop .random-crop-3{height:30vh}.book-cover img{width:100%}}.artwork-page{background:#f3f4f4}.artwork-hero{background:#101010;height:42vh;min-height:20rem;position:relative;overflow:hidden}.artwork-hero:after{content:"";background:linear-gradient(#0000 35%,#000000b8);position:absolute;inset:0}.artwork-hero h1{z-index:1;color:#fff;background:0 0;max-width:min(70rem,80%);margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:1;position:absolute;bottom:3rem;left:clamp(1.5rem,8vw,8rem)}.artwork-hero img{object-fit:cover;width:100%;height:100%;display:block}.artwork-details{flex-direction:column;justify-content:center;align-items:center;padding:clamp(2rem,7vw,7rem);display:flex}.artwork-details p{color:#092373;width:min(100%,70rem);margin:0 0 clamp(1.5rem,3vw,2.5rem);font-size:clamp(1rem,2vw,1.35rem)}.artwork-details img{width:min(100%,70rem);height:auto;display:block}.artwork-zooms{grid-template-columns:repeat(3,minmax(0,1fr));height:40vh;margin-bottom:clamp(2rem,6vw,5rem);display:grid}.artwork-zooms div{min-width:0;overflow:hidden}.artwork-zooms img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.65)}.artwork-zooms div:first-child img{object-position:left bottom;transform-origin:0 100%}.artwork-zooms div:nth-child(2) img{object-position:center;transform-origin:50%}.artwork-zooms div:nth-child(3) img{object-position:right bottom;transform-origin:100% 100%}.artwork-zooms--top div:first-child img{object-position:left bottom;transform-origin:0 0}.artwork-zooms--top div:nth-child(2) img{object-position:center top;transform-origin:top}.artwork-zooms--top div:nth-child(3) img{object-position:center center;transform-origin:50%}.artwork-more{padding:3rem .25rem .25rem}@media (width<=900px){.artwork-zooms{height:32vh}}@media (width<=700px){.artwork-hero{height:22vh;min-height:10rem}.artwork-hero h1{max-width:calc(100% - 2.5rem);font-size:clamp(1.65rem,8vw,2.5rem);bottom:1.25rem;left:1.25rem}.artwork-details{padding:2rem 1rem}.artwork-zooms{grid-template-columns:1fr;height:auto}.artwork-zooms div{height:18vh}.artwork-zooms img{transform:scale(1.35)}}