@font-face{font-family:Gunday;src:url('/f2e6a0fa0966bc3a54f4.woff2') format('woff2');font-display:swap}
@font-face{font-family:DM;src:url('/0f4d7fb2e3f775b0655a.woff2') format('woff2');font-display:swap;font-weight:400}
:root{color-scheme:light;--purple:#44317b;--ink:#161319;--muted:#7b7783;--paper:#fafafa}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,video,svg{display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #a58bd9;outline-offset:6px}::selection{background:#dbcef0;color:var(--purple)}.wrap{width:calc(100% - 104px);max-width:1240px;margin-inline:auto}.skip-link{position:fixed;z-index:30;top:12px;left:12px;padding:12px 20px;background:white;border-radius:20px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.gallery-header{display:flex;align-items:center;justify-content:space-between;padding-block:35px;gap:24px}.gallery-logo{display:block;width:180px}.gallery-logo img{width:100%;height:auto}.back-link{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--purple)}.back-link span{display:inline-block;transition:transform .25s}.back-link:hover span{transform:translateX(-4px)}
.gallery-intro{padding:74px 0 35px;max-width:810px}.eyebrow{font-size:13px;color:var(--muted);margin:0 0 20px}h1{font-family:Gunday,Georgia,serif;font-size:clamp(50px,6.2vw,82px);font-weight:400;line-height:1.04;letter-spacing:-1.6px;margin:0;text-wrap:balance}em{font-style:normal;color:var(--purple)}.gallery-description{font-size:17px;line-height:1.65;color:var(--muted);max-width:520px;margin:26px 0 0;text-wrap:pretty}.category-nav{display:flex;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:6px;background:#efedf2;border-radius:50px;margin:0 0 48px}.category-nav a{padding:11px 22px;font-size:13px;white-space:nowrap;border-radius:30px;color:#726b80;transition:color .2s,background .2s,box-shadow .2s}.category-nav a[aria-current]{background:white;color:var(--purple);box-shadow:0 3px 8px #1c0a3810,inset 0 1px 0 #fff}.category-nav a:hover{color:var(--purple)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 28px;align-items:start;scroll-margin-top:28px}.project-card{min-width:0}.project-visual{position:relative;display:block;padding:7%;border-radius:28px;isolation:isolate;background:radial-gradient(ellipse at 6% 100%,#f8f5fc 0%,transparent 55%),radial-gradient(ellipse at 75% 105%,#aa80de 0%,transparent 55%),radial-gradient(ellipse at 95% 5%,#e7d8f8 0%,transparent 60%),linear-gradient(125deg,#cdb8ed,#f0e8f7 48%,#d5c0ee);overflow:hidden;cursor:pointer;outline-offset:7px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.project-card[data-theme="dark"] .project-visual{background:radial-gradient(ellipse at 3% 95%,#a57be7 0%,transparent 50%),radial-gradient(ellipse at 85% 5%,#7551a4 0%,transparent 50%),linear-gradient(130deg,#17121d 0%,#2b1e40 48%,#09080d 100%)}
.project-visual:before{content:'';position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#fff3,transparent 48%);opacity:0;transition:opacity .6s;pointer-events:none}.project-visual:hover:before{opacity:1}.project-art{overflow:hidden;border-radius:16px;box-shadow:0 3px 5px #fff3,0 8px 22px #20133020,0 0 0 5px #ffffff65;transform:translateZ(0);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s;pointer-events:none}.project-art img,.project-art video{width:100%;height:auto;object-fit:contain;border-radius:inherit}.project-visual:hover .project-art{transform:scale(1.025);box-shadow:0 3px 5px #fff3,0 18px 35px #1d10262c,0 0 0 5px #ffffff65}.project-card[data-theme="dark"] .project-art{box-shadow:0 10px 30px #0005,0 0 0 5px #ffffff35}
.glass-control{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:flex-start;width:64px;height:64px;padding:0 19px;gap:0;transform:translate(calc(-50% + var(--glass-x,0px)),calc(-50% + var(--glass-y,0px)));border-radius:100px;border:1px solid #ffffff7a;background:linear-gradient(135deg,#66557566,#3328433d);box-shadow:inset 0 1px 2px #ffffff50,inset 0 -1px 2px #ffffff20,0 5px 24px #1c0a3d1a;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);color:white;pointer-events:none;white-space:nowrap;overflow:hidden;transition:width .42s cubic-bezier(.16,1,.3,1),background .35s,box-shadow .35s;will-change:transform}.glass-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px}.glass-icon img{width:25px;height:25px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 3px #0003)}.glass-label{opacity:0;max-width:0;overflow:hidden;font-size:13px;margin-left:0;transition:opacity .25s,max-width .4s,margin .4s;line-height:1.2}.glass-label>span{margin-left:6px;display:inline-block}.project-visual:is(:hover,:focus-visible) .glass-control,.project-card:focus-within .glass-control{width:180px;background:linear-gradient(135deg,#66557575,#33284350);box-shadow:inset 0 1px 2px #ffffff70,0 8px 24px #25163e22}.project-visual:is(:hover,:focus-visible) .glass-label,.project-card:focus-within .glass-label{opacity:1;max-width:120px;margin-left:12px;transition-delay:.06s}
.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;color:#7a7680}.project-caption h2{font-size:14px;font-weight:400;line-height:1.5;margin:0;max-width:64%;text-wrap:pretty}.project-caption h2 a:hover{color:var(--purple)}.project-caption p{font-size:12px;line-height:1.6;margin:0;text-align:right;flex-shrink:0}.project-caption p .caption-dot{margin-inline:7px}.gallery-ending{text-align:center;padding:116px 0 94px}.gallery-ending p{font:400 38px/1.15 Gunday,Georgia,serif;margin:0 0 26px}.glossy-button{display:inline-flex;align-items:center;gap:23px;color:#fff;background:#050505;border:1px solid #676767;border-radius:100px;box-shadow:inset 0 2px 4px #ffffff62,inset 0 -2px 4px #ffffff25,0 6px 12px #0003;padding:16px 27px;font-size:15px}.glossy-button span{display:block;font-size:25px;line-height:1;transition:transform .3s}.glossy-button:is(:hover,:focus-visible) span{transform:rotate(-40deg)}.gallery-footer{display:flex;align-items:center;justify-content:space-between;padding-block:28px 35px;border-top:1px solid #e8e5ec;color:#88818e;font-size:12px}.gallery-footer p{margin:0}.gallery-footer>a:first-child{color:var(--purple)}.gallery-footer a:hover{color:var(--purple)}.gallery-empty{grid-column:1/-1;min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:28px;background:radial-gradient(ellipse at 75% 100%,#dfcff1,transparent 65%),#f1edf6;color:var(--purple);padding:35px}.gallery-empty svg{margin-bottom:22px;opacity:.7}.gallery-empty p{font:32px/1.15 Gunday,Georgia,serif;margin:0 0 13px}.gallery-empty span{font-size:14px;color:#8b809b}
.project-viewer{width:min(1100px,calc(100% - 40px));max-height:90svh;padding:0;border:0;border-radius:28px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0005;overscroll-behavior:contain}.project-viewer::backdrop{background:#130a20b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.viewer-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 28px;background:#fafafaf2;backdrop-filter:blur(18px)}.viewer-header h2{font:400 27px/1.2 Gunday,Georgia,serif;margin:0}.viewer-header p{color:var(--muted);font-size:12px;margin:8px 0 0}.viewer-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#eeebf3;color:var(--purple);font-size:28px;cursor:pointer}.viewer-media img,.viewer-media video{width:100%;height:auto;display:block}.viewer-media video{max-height:70svh;background:#111}.viewer-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:23px 28px;font-size:13px;color:var(--purple)}.viewer-footer a:hover{text-decoration:underline}html.viewer-open{overflow:hidden}
@keyframes word-in{from{opacity:0;filter:blur(6px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.js .reveal-text:not(.revealed) .word{opacity:0;filter:blur(6px)}.reveal-text .word{display:inline-block}.reveal-text.revealed .word{animation:word-in .65s both;animation-delay:calc(var(--start,0s) + var(--word-index)*.025s)}.eyebrow{--start:.08s}h1{--start:.2s}.gallery-description{--start:.4s}.project-card{animation:word-in .8s both}.project-card:nth-child(2){animation-delay:.12s}
@media(min-width:1700px){.wrap{max-width:1400px}.project-caption h2{font-size:16px}.project-caption p{font-size:14px}.project-visual{border-radius:34px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.project-grid{gap:44px 24px}.project-caption{flex-direction:column;gap:5px}.project-caption h2{max-width:100%}.project-caption p{text-align:left}.gallery-intro{padding-top:50px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.gallery-header{padding-block:24px;gap:18px}.gallery-logo{width:138px}.back-link{font-size:11px;gap:6px}.gallery-intro{padding:44px 0 29px}.eyebrow{font-size:12px;margin-bottom:18px}h1{font-size:clamp(42px,8.6vw,60px);letter-spacing:-.8px}.gallery-description{font-size:15px;margin-top:22px;line-height:1.6}.category-nav{margin-bottom:32px;padding:5px;gap:1px}.category-nav a{font-size:12px;padding:11px 16px}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{border-radius:24px;padding:7.2%}.project-art{border-radius:12px}.project-caption{flex-direction:row;gap:13px;margin-top:14px}.project-caption h2{font-size:13px;max-width:62%}.project-caption p{font-size:11px;text-align:right;max-width:38%;flex-shrink:1}.project-caption p .caption-dot{display:none}.project-caption p{display:flex;flex-direction:column}.glass-control{height:58px;width:58px;padding-inline:16px}.project-visual:is(:hover,:focus-visible) .glass-control,.project-card:focus-within .glass-control{width:174px}.gallery-ending{padding:80px 0 65px}.gallery-ending p{font-size:34px}.gallery-footer{font-size:11px;gap:15px;flex-wrap:wrap}.gallery-footer p{display:none}.project-viewer{width:calc(100% - 24px);border-radius:22px}.viewer-header{padding:20px}.viewer-header h2{font-size:23px}.viewer-footer{padding:20px;flex-direction:column;align-items:flex-start}.gallery-empty{min-height:300px}.gallery-empty p{font-size:29px}}
@media(hover:none){.glass-control{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#43335d50}.project-visual:hover .project-art{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal-text .word{opacity:1!important;filter:none!important;transform:none!important}.glass-control{transform:translate(-50%,-50%);will-change:auto}}

.video-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;aspect-ratio:9/16;background:linear-gradient(145deg,#fefcffe8,#ede6f6bd);color:#806c9e}.video-placeholder.vertical{aspect-ratio:9/16;max-width:280px;margin:auto;background:linear-gradient(145deg,#2b2036,#130f1b);color:#dac5f9}.video-placeholder svg{opacity:.3}.video-placeholder>span{font-size:13px;opacity:.55}.placeholder-card .project-visual{cursor:default}.placeholder-card[data-theme=dark] .project-visual{display:grid;min-height:420px;place-items:center}.placeholder-card .project-art{width:100%}.placeholder-card .video-placeholder.vertical{max-height:510px}.placeholder-card .glass-control{top:50%}.project-caption p{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:0}.project-caption p .caption-client,.project-caption p .caption-category{white-space:nowrap}@media(max-width:1050px){.project-caption p{justify-content:flex-start}}@media(max-width:700px){.project-caption p{align-items:flex-end;gap:2px}.video-placeholder.vertical{max-width:220px}}

.video-placeholder{position:relative}.video-placeholder>svg{display:none}.video-placeholder>span{position:absolute;bottom:24px;left:0;right:0;text-align:center}

#galeria:has(>.project-card:only-child){grid-template-columns:1fr;max-width:1000px;margin-inline:auto}

.placeholder-card[data-theme=light] .video-placeholder.vertical{background:linear-gradient(145deg,#fefcffe8,#ede6f6bd);color:#806c9e}