:root{--font-brand: "fayte-pixel-hard", sans-serif;--font-display: "fayte-pixel-soft", sans-serif;--font-body: "Outfit", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--nav-height: 56px;--color-bg: #111010;--color-text: #F0EBE3;--color-muted: #9A9088;--color-accent: #E8855A;--color-separator: #252220;--color-card-bg: #1C1A18;--color-nav-bg: rgba(17, 16, 16, .92);--noise-opacity: .04;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-design{--color-bg: #F4EFE8;--color-text: #1A1A1A;--color-muted: #756D65;--color-accent: #4A6FA5;--color-separator: #D4CCC4;--color-card-bg: #EBE5DC;--color-nav-bg: rgba(244, 239, 232, .92);--noise-opacity: 0}.theme-illustration{--color-bg: #0E0C0C;--color-text: #E8E0D5;--color-muted: #9A9088;--color-accent: #C04B1A;--color-separator: #2A2420;--color-card-bg: #1A1614;--color-nav-bg: rgba(14, 12, 12, .92);--noise-opacity: .06}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#111010}img{max-width:100%;display:block;height:auto}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}a{color:inherit;text-decoration:none}html,body,a,button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect x='9' y='1' width='2' height='6' fill='black'/%3E%3Crect x='9' y='13' width='2' height='6' fill='black'/%3E%3Crect x='1' y='9' width='6' height='2' fill='black'/%3E%3Crect x='13' y='9' width='6' height='2' fill='black'/%3E%3Crect x='9' y='2' width='2' height='5' fill='white'/%3E%3Crect x='9' y='13' width='2' height='5' fill='white'/%3E%3Crect x='2' y='9' width='5' height='2' fill='white'/%3E%3Crect x='13' y='9' width='5' height='2' fill='white'/%3E%3C/svg%3E") 10 10,crosshair}.yarl__slide_title,.yarl__slide_description{text-align:left!important;width:100%}.yarl__slide_captions_container{background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px}.hero{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-bg{position:absolute;inset:0;z-index:0}.hero-panel{position:absolute;top:-15%;height:130%;background-size:cover;background-position:center;will-change:transform}.hero-panel--design{left:0;width:57%;clip-path:polygon(0 0,100% 0,76% 100%,0 100%);transform:translateY(var(--parallax-design, 0px))}.hero-panel--illustration{right:0;width:57%;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);transform:translateY(var(--parallax-illus, 0px))}.hero-overlay{position:absolute;inset:0;pointer-events:none}.hero-overlay--design{background:linear-gradient(to right,rgba(244,239,232,.3) 0%,transparent 52%)}.hero-overlay--illustration{background:linear-gradient(to left,rgba(14,12,12,.55) 0%,transparent 52%)}.hero-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#000000a6,#00000094 40%,#000000ad,#000000e0)}.hero-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 clamp(1rem,4vw,3rem);gap:0}.hero-eyebrow{font-family:var(--font-body);font-size:clamp(.65rem,1.1vw,.8rem);font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:#ffffffbf;margin:0 0 1.2rem}.hero-brand-frame{width:100%;padding:.8rem 0;overflow:hidden}.hero-brand{font-family:var(--font-brand);font-size:clamp(4rem,17.5vw,18rem);line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0;white-space:nowrap;position:relative}.hero-brand:before,.hero-brand:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;clip-path:inset(0 0 100% 0)}.hero-brand:before{color:#0ff;animation:glitch-a 7s steps(1) infinite}.hero-brand:after{color:#f0a0c0;animation:glitch-b 9s steps(1) infinite}@keyframes glitch-a{0%,90%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}91%{clip-path:inset(12% 0 72% 0);transform:translate(-6px)}92%{clip-path:inset(58% 0 22% 0);transform:translate(5px)}93%{clip-path:inset(35% 0 48% 0);transform:translate(-4px)}94%{clip-path:inset(75% 0 8% 0);transform:translate(7px)}95%{clip-path:inset(0 0 100% 0);transform:translate(0)}}@keyframes glitch-b{0%,87%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}88%{clip-path:inset(28% 0 55% 0);transform:translate(5px)}89%{clip-path:inset(62% 0 18% 0);transform:translate(-5px)}90%{clip-path:inset(45% 0 38% 0);transform:translate(4px)}91%{clip-path:inset(0 0 100% 0);transform:translate(0)}}.hero-tagline{font-family:var(--font-body);font-size:clamp(.65rem,1.1vw,.8rem);font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:#ffffffbf;margin:1.2rem 0 0}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:.45rem;background:none;border:1px solid rgba(255,255,255,.35);border-radius:2px;color:#fffc;padding:.75rem 1.8rem .6rem;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:2.5rem;transition:background .2s,border-color .2s,color .2s}.hero-cta:hover{background:#ffffff14;border-color:#ffffffa6;color:#fff}.hero-cta svg{width:18px;height:18px;animation:hero-bounce 2.2s ease-in-out infinite}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(max-width:600px){.hero-panel--design{clip-path:polygon(0 0,100% 0,62% 100%,0 100%)}.hero-panel--illustration{clip-path:polygon(38% 0,100% 0,100% 100%,0 100%)}.hero-brand{font-size:clamp(2.5rem,14vw,5rem);letter-spacing:.04em}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height, 56px);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;gap:1.5rem;background:var(--color-nav-bg, rgba(17, 16, 16, .92));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(128,128,128,.1);transform:translateY(-100%);opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .38s ease,background .5s ease}.site-nav--visible{transform:translateY(0);opacity:1}.site-nav__brand{font-family:var(--font-brand);font-size:.75rem;letter-spacing:.1em;color:var(--color-text);background:none;border:none;padding:0;line-height:1;flex-shrink:0;transition:color .25s}.site-nav__brand:hover{color:var(--color-accent)}.site-nav__tabs{display:flex;align-items:center;gap:0;flex:1;justify-content:center}.site-nav__sep{width:1px;height:14px;background:var(--color-separator);opacity:.6;flex-shrink:0}.site-nav__tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--color-muted);font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.35rem 1.1rem;line-height:var(--nav-height, 56px);height:var(--nav-height, 56px);position:relative;transition:color .2s}.site-nav__tab:hover,.site-nav__tab--active{color:var(--color-text)}.site-nav__tab--active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--color-accent);box-shadow:-10px 0 0 var(--color-accent),-20px 0 0 var(--color-accent),10px 0 0 var(--color-accent),20px 0 0 var(--color-accent)}.site-nav__links{display:flex;align-items:center;gap:.7rem;font-family:var(--font-body);font-size:.8rem;color:var(--color-muted);flex-shrink:0;transition:color .3s}.site-nav__links a{transition:color .2s}.site-nav__links a:hover{color:var(--color-text)}.site-nav__links span{opacity:.35;-webkit-user-select:none;user-select:none}@media(max-width:700px){.site-nav{padding:0 1rem;gap:.5rem}.site-nav__links{display:none}.site-nav__tab{padding:.35rem .65rem;font-size:.72rem}}@media(max-width:400px){.site-nav__brand{font-size:.6rem}}.masonry-grid{column-count:3;column-gap:18px;width:100%;min-height:50vh}@media(max-width:900px){.masonry-grid{column-count:2}}@media(max-width:560px){.masonry-grid{column-count:1}}.grid-item{break-inside:avoid;margin-bottom:18px;position:relative;overflow:hidden;border-radius:2px;background-color:var(--color-card-bg, #1C1A18);transition:background-color .5s ease}.grid-item img{width:100%;display:block;border-radius:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease;cursor:pointer}.grid-item:hover img{transform:scale(1.04)}.grid-item:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:6px 6px;transition:opacity .3s ease}.grid-item:hover:after{opacity:1}.grid-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.8rem 1.1rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.88),transparent);color:#fff;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;box-sizing:border-box;z-index:2}.grid-item:hover .grid-overlay{opacity:1;transform:translateY(0)}.grid-overlay h3{font-family:var(--font-body);font-size:1rem;font-weight:600;margin-bottom:.2rem;letter-spacing:.03em}.grid-overlay p{font-family:var(--font-body);font-size:.85rem;margin:0;color:#ffffffbf;font-weight:300}.theme-design .grid-item{box-shadow:0 1px 4px #0000001a}.im-overlay{position:fixed;inset:0;z-index:200;background:#060505ed;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:im-fade-in .22s ease both}@keyframes im-fade-in{0%{opacity:0}to{opacity:1}}.im-shell{position:relative;display:flex;flex-direction:column;width:100%;max-width:min(90vw,1100px);max-height:92vh;animation:im-rise .28s cubic-bezier(.22,1,.36,1) both}@keyframes im-rise{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.im-corners{position:absolute;inset:-5px;pointer-events:none;z-index:5}.im-corners span{position:absolute;width:18px;height:18px;border-color:var(--color-accent, #E8855A);border-style:solid;border-width:0}.im-corners span:nth-child(1){top:0;left:0;border-top-width:3px;border-left-width:3px}.im-corners span:nth-child(2){top:0;right:0;border-top-width:3px;border-right-width:3px}.im-corners span:nth-child(3){bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}.im-corners span:nth-child(4){bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}.im-close{position:absolute;top:-2.6rem;right:0;background:none;border:none;color:#ffffff73;padding:.25rem;line-height:0;cursor:pointer;transition:color .2s;z-index:3}.im-close:hover{color:#fff}.im-close svg{width:22px;height:22px}.im-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;flex:1}.im-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:2px;color:#ffffffb3;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s,color .2s;line-height:0}.im-stage:hover .im-nav:not(.im-nav--hidden){opacity:1}.im-nav:hover{background:#000000bf;color:#fff;border-color:#ffffff4d}.im-nav--prev{left:.6rem}.im-nav--next{right:.6rem}.im-nav--hidden{pointer-events:none;opacity:0!important}.im-nav svg{width:20px;height:20px}.im-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;max-height:calc(92vh - 90px)}.im-image{display:block;max-width:100%;max-height:calc(92vh - 90px);width:auto;height:auto;object-fit:contain;border-radius:2px;opacity:0;transition:opacity .3s ease}.im-image--loaded{opacity:1}.im-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.im-loader:after{content:"";width:28px;height:28px;border:2px solid rgba(255,255,255,.12);border-top-color:#ffffff80;border-radius:50%;animation:im-spin .7s linear infinite}@keyframes im-spin{to{transform:rotate(360deg)}}.im-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem .1rem 0;border-top:1px solid rgba(255,255,255,.08);margin-top:.75rem;min-height:0}.im-meta{flex:1;min-width:0}.im-title{font-family:var(--font-body);font-size:1rem;font-weight:500;color:#fff;letter-spacing:.02em;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-subtitle{font-family:var(--font-body);font-size:.8rem;font-weight:300;color:#ffffff73;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.im-category{font-family:var(--font-body);font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent, #E8855A);white-space:nowrap}.im-counter{font-family:var(--font-body);font-size:.72rem;color:#ffffff40;white-space:nowrap}.im-counter-sep{margin:0 .2em;opacity:.5}@media(max-width:600px){.im-overlay{padding:.5rem;align-items:flex-end}.im-shell{max-width:100%;max-height:96vh}.im-close{top:-2.2rem}.im-nav:not(.im-nav--hidden){opacity:.7}.im-footer{flex-wrap:wrap}.im-footer-right{flex-direction:row;align-items:center;gap:.75rem;width:100%}.im-category{margin-right:auto}}.app{min-height:100vh;background-color:var(--color-bg);color:var(--color-text);transition:background-color .5s ease,color .4s ease}.work-section{position:relative;min-height:100vh;padding-top:calc(var(--nav-height) + 3.5rem);background-color:var(--color-bg);transition:background-color .5s ease}.work-section__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem 6rem}.theme-illustration .work-section:after,.theme-all .work-section:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:linear-gradient(rgba(255,255,255,1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,1) 1px,transparent 1px);background-size:8px 8px}.work-section__noise{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--noise-opacity, 0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 300px;transition:opacity .5s ease}.work-header{padding-bottom:1.5rem;border-bottom:1px solid var(--color-separator);margin-bottom:2.5rem;transition:border-color .5s ease}.work-title{font-family:var(--font-display);font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:500;color:var(--color-text);letter-spacing:.04em;line-height:1.2;transition:color .4s ease}.site-footer{text-align:center;padding:2rem;font-family:var(--font-body);font-size:.8rem;color:var(--color-muted);background-color:var(--color-bg);border-top:1px solid var(--color-separator);transition:background-color .5s ease,color .4s ease,border-color .5s ease}@media(max-width:600px){.work-section__inner{padding:0 1rem 4rem}}