@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;background:linear-gradient(180deg,#050810fa,#05081000);z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-left,.nav-right{display:flex;gap:24px;align-items:center}.nav-left{justify-content:flex-end}.nav-link{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:none;border:none;cursor:pointer;padding:0;position:relative;transition:color .25s}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--white);transition:width .3s}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link:hover:after,.nav-link.active:after{width:100%}.logo-wrap{display:flex;justify-content:center;align-items:center}.logo-video{width:340px;height:auto;background:transparent;filter:drop-shadow(0 0 6px rgba(126,184,255,.2));transition:filter .3s}.logo-video:hover{filter:drop-shadow(0 0 14px rgba(200,121,255,.4))}.nav-link:focus,.nav-link:focus-visible{outline:none;box-shadow:none}.last-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--nav-height));gap:32px}.trio{display:grid;grid-template-columns:.5fr 2.5fr .5fr;gap:24px;align-items:center;width:100%}.side-img{display:flex;align-items:center;justify-content:center;opacity:.45;transition:opacity .3s}.side-img:hover{opacity:.7}.side-img img{width:100%;height:auto;display:block;object-fit:contain;max-height:360px}.center-img{display:flex;align-items:center;justify-content:center}.center-img img{max-width:100%;max-height:600px;width:auto;height:auto;object-fit:contain;animation:swapIn .3s cubic-bezier(.16,1,.3,1)}@keyframes swapIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.trio-nav{display:flex;align-items:center;gap:32px}.trio-nav button{background:none;border:none;color:var(--dim);font-size:1.8rem;cursor:pointer;transition:color .2s;line-height:1;padding:0 8px}.trio-nav button:hover{color:var(--white)}.trio-nav span{font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.15em;color:var(--dim)}.side-img.clickable{cursor:pointer}.side-img.clickable:hover{opacity:.85}.modal-overlay{position:fixed;inset:0;background:#050810f7;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-img{max-width:92vw;max-height:86vh;object-fit:contain;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.modal-video{max-width:92vw;max-height:86vh;width:900px;outline:none;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:fixed;top:24px;right:36px;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);background:none;border:none;cursor:pointer;transition:color .2s;z-index:1001}.modal-close:hover{color:var(--white)}.modal-nav{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;z-index:1001}.modal-nav button{background:transparent;border:1px solid var(--dim);color:var(--dim);font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:8px 28px;cursor:pointer;transition:all .2s}.modal-nav button:hover{border-color:var(--white);color:var(--white)}.modal-counter{color:var(--dim);font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.1em;min-width:60px;text-align:center}.modal-video-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:900px;max-width:92vw}.vimeo-iframe{width:100%;aspect-ratio:16 / 9;border:none;border-radius:4px}.modal-share{display:flex;align-items:center;gap:8px;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:4px}.share-label{font-family:Barlow Condensed,sans-serif;font-size:.85rem;color:var(--accent);white-space:nowrap}.share-input{flex:1;background:transparent;border:none;color:var(--dim);font-size:.8rem;outline:none;cursor:pointer;font-family:monospace}.share-copy{background:transparent;border:1px solid var(--dim);color:var(--dim);font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.08em;padding:4px 12px;cursor:pointer;white-space:nowrap;transition:all .2s}.share-copy:hover{border-color:var(--accent);color:var(--accent)}.archive-section{padding:48px 0;min-height:calc(100vh - var(--nav-height))}.section-title{font-family:Barlow Condensed,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:32px}.archive-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:10px;width:100%}.archive-gallery>figure{margin:0;overflow:hidden;cursor:pointer;opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.03)}.archive-gallery>figure.visible{opacity:1;transform:translateY(0)}.archive-gallery>figure>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.archive-gallery>figure:hover>img{transform:scale(1.04)}.item-landscape{grid-column:span 2}.item-portrait{grid-row:span 2}.item-square{grid-column:span 1;grid-row:span 1}@media(max-width:768px){.archive-gallery{grid-template-columns:repeat(2,1fr)}.item-landscape,.item-portrait,.item-square{grid-column:span 1;grid-row:span 1}}.video-section{padding:48px 0;min-height:calc(100vh - var(--nav-height))}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.video-card{background:var(--bg2);border:1px solid rgba(255,255,255,.03);overflow:hidden;cursor:pointer;transition:border-color .3s}.video-card:hover{border-color:#c879ff4d}.video-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#0a0f20}.video-info{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.video-name{font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.video-size{font-size:.75rem;color:var(--dim)}.vimeo-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0f20;overflow:hidden}.vimeo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vimeo-badge{position:absolute;top:8px;right:8px;background:#1ab7ea;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;letter-spacing:.1em}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ffffffb3;opacity:0;transition:opacity .2s}.video-card:hover .play-overlay{opacity:1}.psd-section{padding:48px 60px;min-height:calc(100vh - var(--nav-height));width:100%}.psd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%}.psd-card{background:var(--bg2);border:1px solid rgba(255,255,255,.04);padding:16px;display:flex;flex-direction:column;gap:10px;transition:border-color .3s}.psd-card:hover{border-color:#7eb8ff4d}.psd-preview{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#0a0f20}.psd-placeholder{display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.2em;color:#1a2040}.psd-name{font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.psd-meta{display:flex;justify-content:space-between;font-size:.72rem;font-weight:400;color:var(--dim);letter-spacing:.05em}.psd-download{display:inline-block;padding:8px 16px;background:transparent;border:1px solid var(--dim);color:var(--dim);font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .3s,color .3s;text-align:center}.psd-download:hover{border-color:var(--accent);color:var(--accent)}:root{--bg: #050810;--bg2: #080d1a;--nav-height: 160px;--accent: #7eb8ff;--accent2: #c879ff;--white: #e8eaf0;--dim: #4a5070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;outline:none}html,body{background:var(--bg);color:var(--white);font-family:Barlow Condensed,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}.main{padding-top:var(--nav-height);min-height:100vh}.page-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}body{display:flex;justify-content:center}.main{width:100%;max-width:1200px}
