*,:after,:before{box-sizing:border-box}:root{--color-text:#211d1a;--color-bg:#f5f1ea;--color-link:#211d1a;--color-link-hover:#211d1a8c;--page-padding:clamp(.75rem, 3vw, 1.5rem);--aspect:4/5;--grid-item-height:20vh;--c-gap:clamp(1rem, 4vw, 3rem);--r-gap:3rem;--column:80px;--column-count:3;--border-radius:4px;--font-serif:"Instrument Serif", serif;--font-sans:"Inter", sans-serif;--carousel-w:clamp(220px, 55vw, 400px);--carousel-h:clamp(275px, 68.75vw, 500px);--mood-bg:#fce8e9;font-size:14px}html{background-color:var(--color-bg);height:100%;overflow-x:hidden}body{width:100%;height:100%;font-family:var(--font-sans);text-transform:uppercase;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;margin:0}@media (scripting:enabled){.loading:before,.loading:after{content:"";z-index:10000;position:fixed}.loading:before{background:var(--color-bg);content:"Dyo Digitals";width:100%;height:100%;font-family:var(--font-serif);letter-spacing:.01em;text-transform:none;color:var(--color-text);justify-content:center;align-items:flex-end;padding-bottom:calc(50vh + 1.75rem);font-size:clamp(1.75rem,4vw,3rem);display:flex;top:0;left:0}.loading:after{background:var(--color-link);width:100px;height:1px;margin:0 0 0 -50px;animation:1.5s ease-in-out infinite alternate forwards loaderAnim;top:50%;left:50%}}@keyframes loaderAnim{0%{transform-origin:0%;transform:scaleX(0)}50%{transform-origin:0%;transform:scaleX(1)}50.1%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none;transition:all .3s}a:hover{color:var(--color-link-hover);text-decoration:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus:focus-visible{background:0 0;outline:2px solid red}.line{vertical-align:top;display:inline-block;position:relative;overflow:hidden}.line:before{background:var(--color-link-hover);content:"";transform-origin:100%;width:100%;height:1px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.line:hover:before{transform-origin:0;transform:scaleX(1)}.frame{z-index:1000;padding:var(--page-padding);padding-top:max(var(--page-padding), env(safe-area-inset-top));padding-bottom:max(var(--page-padding), env(safe-area-inset-bottom));padding-left:max(var(--page-padding), env(safe-area-inset-left));padding-right:max(var(--page-padding), env(safe-area-inset-right));column-gap:var(--c-gap);pointer-events:none;--frame-color:var(--color-text);grid-template:"title links""tags sponsor"1fr/minmax(0,1fr) auto;place-items:start;row-gap:.5rem;display:grid;position:fixed;inset:0}.frame a,.frame button{pointer-events:auto;color:var(--frame-color);transition:color .4s}.frame .frame__title{font-size:inherit;font-weight:inherit;text-align:left;grid-area:title;margin:0}.frame .frame__title .logo{width:auto;height:clamp(40px,9vw,64px);color:inherit;display:block}.frame .frame__title a{line-height:0;display:block}.frame .frame__tagline{--tagline-w:clamp(170px, 46vw, 260px);width:var(--tagline-w);height:auto;margin-left:calc(var(--tagline-w) * -.05);will-change:filter;transition:filter .4s;display:block}.frame .frame__links{grid-area:links;justify-self:end;align-items:start;gap:1rem;display:flex}.frame .frame__about{text-transform:none;max-width:min(320px,42vw);color:var(--frame-color);grid-area:tags;align-self:end;font-size:.75rem;line-height:150%;transition:color .4s}.frame .frame__social{color:var(--frame-color);grid-area:sponsor;place-self:end;align-items:end;gap:.75rem;transition:color .4s;display:flex}.frame .frame__social svg{width:18px;height:18px;display:block}.frame.frame--footer{justify-content:space-between;align-items:end;min-height:300px;display:flex}.frame__title .logo path,.frame__title .logo rect{fill:currentColor}body.theme-dark .frame{--frame-color:#fff}body.theme-dark .frame__tagline{filter:invert()}.transition{z-index:1100;pointer-events:none;position:fixed;inset:0;overflow:clip}.transition__panel{color:var(--mood-bg);background-color:currentColor;justify-content:center;align-items:center;width:100%;height:100%;transition:color .4s;display:flex;position:absolute;top:100%;left:0}.transition__panel-top{transform-origin:bottom;flex-flow:column;align-items:center;width:100%;height:0%;display:flex;position:absolute;bottom:calc(100% - 1px);left:0;overflow:hidden}.transition__panel-bottom{transform-origin:top;flex-flow:column;justify-content:flex-end;align-items:center;width:100%;height:0%;display:flex;position:absolute;top:calc(100% - 1px);left:0;overflow:hidden}.transition__panel-circle{aspect-ratio:auto;background-color:currentColor;border-radius:50%;width:125%;height:500%;position:absolute}.transition__logo{color:var(--color-text);opacity:0;width:5em;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.transition__logo path,.transition__logo rect{fill:currentColor}@media (width<=640px){.transition__logo{width:3.5em}.frame{grid-row-gap:.35rem}.frame .frame__about{max-width:min(220px,56vw);font-size:.68rem}.frame .frame__social{gap:.6rem}:root{--carousel-w:clamp(300px, 85vw, 460px);--carousel-h:clamp(375px, 106.25vw, 575px)}.scene__kicker{letter-spacing:.14em;font-size:.68rem}}.scene-wrapper{padding-bottom:var(--scroll-end-pad,0px)}@media (width<=1024px),(pointer:coarse){.scene-wrapper{overflow-x:clip}}.scene{perspective:clamp(700px,110vw,900px);height:100svh;height:var(--app-h,100svh);justify-content:center;align-items:center;display:flex;position:relative}.scene__heading{z-index:10;flex-direction:column;align-items:center;gap:clamp(.4rem,1.5vw,.75rem);display:flex;position:relative}.scene__kicker{font-family:var(--font-sans);letter-spacing:.2em;color:#fff;mix-blend-mode:difference;margin:0;font-size:clamp(.7rem,1vw,.8rem);font-weight:500}.scene__title{z-index:10;font-family:var(--font-serif);letter-spacing:.01em;mix-blend-mode:difference;color:#fff;font-size:clamp(1.75rem,4vw,3.25rem);font-weight:inherit;flex-direction:column;align-items:center;gap:clamp(.4rem,1.5vw,.75rem);margin:0;display:flex;position:relative}.scene__title a{color:inherit;display:block}.scene__title span{display:inline-block}.scene__title .char{transform-style:preserve-3d;transform-origin:50% 0;display:inline-block}.carousel{width:var(--carousel-w);height:var(--carousel-h);margin:calc(var(--carousel-h) / -2) 0 0 calc(var(--carousel-w) / -2);transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%;transform:translateZ(-550px)rotateY(0)}.scene:nth-child(2n) .carousel{transform:translateZ(-550px)rotateY(45deg)}.carousel__cell{width:calc(var(--carousel-w) * 1.05);aspect-ratio:4/5;transform-style:preserve-3d;position:absolute;top:0;left:0}.card{width:100%;height:100%;transform-style:preserve-3d;position:relative}.card__face{backface-visibility:hidden;background-image:var(--img);border-radius:var(--border-radius);background-size:cover;width:100%;height:100%;position:absolute}.card__face img{object-fit:cover;width:100%;height:100%}.card__face--back{transform:rotateY(180deg)}@media (height<=480px){.scene{height:auto;min-height:100svh;padding-block:clamp(2.5rem,10vh,4rem)}:root{--carousel-w:clamp(180px, 42vh, 260px);--carousel-h:clamp(225px, 52.5vh, 325px)}.scene__title{font-size:clamp(1.4rem,6vh,2.25rem)}.frame__about{max-width:min(200px,46vw);font-size:.62rem}}
