@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto:400,500,700|Quicksand:400,500);@tailwind base;@tailwind components;@tailwind utilities;:root{--page-bg:#faf5f0;--page-bg-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cpath fill='%23FFF' d='M0 0h1600v800H0z'/%3E%3Cpath fill='%23fafdfe' d='M1600 160 0 460V350L1600 50z'/%3E%3Cpath fill='%23f5fafd' d='M1600 260 0 560V450l1600-300z'/%3E%3Cpath fill='%23f1f8fc' d='M1600 360 0 660V550l1600-300z'/%3E%3Cpath fill='%23ecf5fb' d='M1600 460 0 760V650l1600-300z'/%3E%3Cpath fill='%23E7F3FA' d='M1600 800H0v-50l1600-300z'/%3E%3C/svg%3E");--text-heading:#333;--text-body:#666;--text-muted:#999;--link:#09f;--link-hover:#07c;--sep:#ccc;--thumb-bg:#f0f0f0;--thumb-placeholder-1:#f5f5f5;--thumb-placeholder-2:#ebebeb;--thumb-outline:#00000040;--thumb-hover-ring:#00000026;--thumb-hover-shadow:0 4px 20px #0000001f;--contact-bg:#f2daa2;--contact-bg-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Cpath fill='%23F2DAA2' d='M0 0h100v60H0z'/%3E%3Cpath fill='%23F2DAA2' d='M0 0h11v11H0z'/%3E%3Cpath fill='%23f2dba3' d='M10 0h11v11H10z'/%3E%3Cpath fill='%23f2dba4' d='M0 10h11v11H0z'/%3E%3Cpath fill='%23f3dca4' d='M20 0h11v11H20z'/%3E%3Cpath fill='%23f3dca5' d='M10 10h11v11H10z'/%3E%3Cpath fill='%23f3dda6' d='M0 20h11v11H0z'/%3E%3Cpath fill='%23f3dda7' d='M30 0h11v11H30z'/%3E%3Cpath fill='%23f3dea7' d='M20 10h11v11H20z'/%3E%3Cpath fill='%23f3dea8' d='M10 20h11v11H10z'/%3E%3Cpath fill='%23f4dfa9' d='M0 30h11v11H0z'/%3E%3Cpath fill='%23f4dfaa' d='M40 0h11v11H40z'/%3E%3Cpath fill='%23f4e0ab' d='M30 10h11v11H30z'/%3E%3Cpath fill='%23f4e0ab' d='M20 20h11v11H20z'/%3E%3Cpath fill='%23f4e1ac' d='M10 30h11v11H10z'/%3E%3Cpath fill='%23f5e2ad' d='M0 40h11v11H0z'/%3E%3Cpath fill='%23f5e2ae' d='M50 0h11v11H50z'/%3E%3Cpath fill='%23f5e3ae' d='M40 10h11v11H40z'/%3E%3Cpath fill='%23f5e3af' d='M30 20h11v11H30z'/%3E%3Cpath fill='%23f5e4b0' d='M20 30h11v11H20z'/%3E%3Cpath fill='%23f6e4b1' d='M10 40h11v11H10z'/%3E%3Cpath fill='%23f6e5b2' d='M0 50h11v11H0zM60 0h11v11H60z'/%3E%3Cpath fill='%23f6e6b3' d='M50 10h11v11H50z'/%3E%3Cpath fill='%23f6e6b4' d='M40 20h11v11H40z'/%3E%3Cpath fill='%23f7e7b5' d='M30 30h11v11H30z'/%3E%3Cpath fill='%23f7e7b6' d='M20 40h11v11H20z'/%3E%3Cpath fill='%23f7e8b6' d='M10 50h11v11H10z'/%3E%3Cpath fill='%23f7e8b7' d='M70 0h11v11H70z'/%3E%3Cpath fill='%23f7e9b8' d='M60 10h11v11H60z'/%3E%3Cpath fill='%23f8e9b9' d='M50 20h11v11H50z'/%3E%3Cpath fill='%23f8eaba' d='M40 30h11v11H40z'/%3E%3Cpath fill='%23f8ebba' d='M30 40h11v11H30z'/%3E%3Cpath fill='%23f8ebbb' d='M20 50h11v11H20z'/%3E%3Cpath fill='%23f9ecbc' d='M80 0h11v11H80z'/%3E%3Cpath fill='%23f9ecbd' d='M70 10h11v11H70z'/%3E%3Cpath fill='%23f9edbe' d='M60 20h11v11H60z'/%3E%3Cpath fill='%23f9edbe' d='M50 30h11v11H50z'/%3E%3Cpath fill='%23f9eebf' d='M40 40h11v11H40z'/%3E%3Cpath fill='%23faeec0' d='M30 50h11v11H30z'/%3E%3Cpath fill='%23faefc1' d='M90 0h11v11H90z'/%3E%3Cpath fill='%23faefc2' d='M80 10h11v11H80z'/%3E%3Cpath fill='%23faf0c2' d='M70 20h11v11H70z'/%3E%3Cpath fill='%23fbf0c3' d='M60 30h11v11H60z'/%3E%3Cpath fill='%23fbf1c4' d='M50 40h11v11H50z'/%3E%3Cpath fill='%23fbf1c5' d='M40 50h11v11H40z'/%3E%3Cpath fill='%23fbf2c6' d='M90 10h11v11H90z'/%3E%3Cpath fill='%23fcf2c6' d='M80 20h11v11H80z'/%3E%3Cpath fill='%23fcf3c7' d='M70 30h11v11H70z'/%3E%3Cpath fill='%23fcf3c8' d='M60 40h11v11H60z'/%3E%3Cpath fill='%23fcf4c9' d='M50 50h11v11H50z'/%3E%3Cpath fill='%23fdf4ca' d='M90 20h11v11H90z'/%3E%3Cpath fill='%23fdf5ca' d='M80 30h11v11H80z'/%3E%3Cpath fill='%23fdf5cb' d='M70 40h11v11H70z'/%3E%3Cpath fill='%23fdf6cc' d='M60 50h11v11H60z'/%3E%3Cpath fill='%23fef6cd' d='M90 30h11v11H90z'/%3E%3Cpath fill='%23fef7ce' d='M80 40h11v11H80z'/%3E%3Cpath fill='%23fef7cf' d='M70 50h11v11H70z'/%3E%3Cpath fill='%23fef8cf' d='M90 40h11v11H90z'/%3E%3Cpath fill='%23fff8d0' d='M80 50h11v11H80z'/%3E%3Cpath fill='%23FFF9D1' d='M90 50h11v11H90z'/%3E%3C/svg%3E");--contact-border-top:#eee;--contact-heading:#333;--contact-label:#666;--contact-input-bg:#fff;--contact-input-text:#111;--contact-input-border:#aaa;--contact-input-focus:#999;--contact-placeholder:#ccc;--contact-btn-bg:#333;--contact-btn-hover:#555;--contact-btn-text:#fff;--contact-attribution:#a68843;--contact-attribution-hover:#926c14;color-scheme:light}@media (prefers-color-scheme:dark){:root{--page-bg:#0e1117;--page-bg-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cpath fill='%230e1117' d='M0 0h1600v800H0z'/%3E%3Cpath fill='%23121820' d='M1600 160 0 460V350L1600 50z'/%3E%3Cpath fill='%23151a22' d='M1600 260 0 560V450l1600-300z'/%3E%3Cpath fill='%23181f29' d='M1600 360 0 660V550l1600-300z'/%3E%3Cpath fill='%231b2430' d='M1600 460 0 760V650l1600-300z'/%3E%3Cpath fill='%231E2A38' d='M1600 800H0v-50l1600-300z'/%3E%3C/svg%3E");--text-heading:#e8eef4;--text-body:#aeb6c2;--text-muted:#7d8696;--link:#5eb8ff;--link-hover:#8ccaff;--sep:#4a5568;--thumb-bg:#1a1f28;--thumb-placeholder-1:#222830;--thumb-placeholder-2:#181d24;--thumb-outline:#ffffff24;--thumb-hover-ring:#fff3;--thumb-hover-shadow:0 4px 24px #0000008c;--contact-bg:#000;--contact-bg-image:none;--contact-border-top:#2d333d;--contact-heading:#e8eef4;--contact-label:#aeb6c2;--contact-input-bg:#12161c;--contact-input-text:#e8eef4;--contact-input-border:#3d4550;--contact-input-focus:#5eb8ff;--contact-placeholder:#5c6570;--contact-btn-bg:#e8eef4;--contact-btn-hover:#fff;--contact-btn-text:#0e1117;--contact-attribution:#c4a86a;--contact-attribution-hover:#dcc48c;color-scheme:dark}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--page-bg);color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.hero{padding:80px 0 40px;width:100%}.hero .title{font-family:Roboto,sans-serif;margin:0 auto;max-width:880px;width:80%}.hero .header{align-items:center;display:flex;gap:30px}.hero .header .avatar{border:3px solid var(--link);border-radius:50%;flex-shrink:0;height:100px;width:100px}.hero .title h1{color:var(--text-heading);font-size:1.8em;font-weight:600;letter-spacing:.01em;line-height:1.25em;margin-bottom:12px}.hero .links{font-family:Roboto,sans-serif;font-size:15px;margin-top:-4px}.hero .links .link{color:var(--link);cursor:pointer;text-decoration:none;transition:color .2s ease}.hero .links .link:hover{color:var(--link-hover)}.hero .links .sep{color:var(--sep);margin:0 8px}.gallery-overlay{align-items:center;animation:galleryFadeIn .15s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000eb;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes galleryFadeIn{0%{opacity:0}to{opacity:1}}.gallery-close{align-items:center;background:none;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:20px;top:16px;transition:all .2s ease;width:44px;z-index:10}.gallery-close:hover{background:#ffffff1a;color:#fff}.gallery-content{gap:12px;padding:56px 72px 12px;width:100%}.gallery-content,.gallery-main{align-items:center;display:flex;flex:1;justify-content:center;min-height:0}.gallery-main{max-height:100%;min-width:0}.gallery-main-image{object-fit:contain;user-select:none}.gallery-main-image,.gallery-main-video{border-radius:6px;box-shadow:0 8px 48px #0006;max-height:68vh;max-width:100%}.gallery-main-video{outline:none}iframe.gallery-main-video{border:none;height:min(68vh,540px);width:min(80vw,960px)}.gallery-nav{background:none;border:none;border-radius:50%;color:#ffffff59;cursor:pointer;flex-shrink:0;padding:12px;transition:color .2s ease}.gallery-nav:hover{background:#ffffff0f;color:#ffffffe6}.gallery-strip{display:flex;flex-shrink:0;gap:6px;justify-content:center;max-width:100%;overflow-x:auto;padding:12px 72px 8px}.gallery-strip::-webkit-scrollbar{height:4px}.gallery-strip::-webkit-scrollbar-track{background:#0000}.gallery-strip::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.gallery-strip-item{background:#ffffff14;border:2px solid #0000;border-radius:3px;cursor:pointer;flex-shrink:0;height:38px;opacity:.45;overflow:hidden;padding:0;transition:all .15s ease;width:56px}.gallery-strip-item:hover{opacity:.75}.gallery-strip-active{border-color:#ffffffe6;opacity:1}.gallery-strip-item img{display:block;height:100%;object-fit:cover;width:100%}.gallery-strip-video-icon{align-items:center;color:#fff9;display:flex;height:100%;justify-content:center;width:100%}.gallery-counter{color:#ffffff59;flex-shrink:0;font-family:Roboto,sans-serif;font-size:12px;letter-spacing:.05em;padding-bottom:16px}.project{align-items:flex-start;display:flex;gap:24px;padding:28px 0}.project:last-child{border-bottom:none}.project-thumbnail{aspect-ratio:16/10;background:var(--thumb-bg);border-radius:6px;flex-shrink:0;min-width:240px;overflow:hidden;position:relative;width:240px}.project-thumbnail-clickable{cursor:pointer}.project-thumbnail-clickable:hover{box-shadow:var(--thumb-hover-shadow)}.project-thumbnail-placeholder{background:linear-gradient(135deg,var(--thumb-placeholder-1) 0,var(--thumb-placeholder-2) 100%)}.project-thumbnail-light{box-shadow:0 0 0 1px var(--thumb-outline)}.project-thumbnail-light.project-thumbnail-clickable:hover{box-shadow:inset 0 0 0 1px var(--thumb-hover-ring),var(--thumb-hover-shadow)}.thumbnail-image{transition:opacity .4s ease}.thumbnail-image,.thumbnail-montage,.thumbnail-video{height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%}.thumbnail-montage{transition:opacity .6s ease}.thumbnail-play-hint{align-items:center;background:#00000080;border-radius:50%;bottom:8px;display:flex;height:36px;justify-content:center;left:8px;opacity:.7;pointer-events:none;position:absolute;transition:opacity .2s ease;width:36px}.project-thumbnail-clickable:hover .thumbnail-play-hint{opacity:0}.thumbnail-badge{background:#0009;border-radius:10px;bottom:8px;color:#fff;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;letter-spacing:.02em;padding:2px 8px;pointer-events:none;position:absolute;right:8px}.project-info{flex:1;min-width:0;padding-top:2px}.project-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.project-name{color:var(--text-heading);font-family:Roboto,sans-serif;font-size:1.05em;font-weight:600;text-decoration:none}a.project-name:hover{text-decoration:underline}.project-role,.project-url-text{color:var(--text-muted);font-family:Roboto,sans-serif;font-size:.82em}.project-url-text{color:var(--link);display:block;font-size:.92em;margin-bottom:2px;margin-top:6px;text-decoration:none;&:hover{color:var(--link-hover)}}.project-description{color:var(--text-body);font-family:Roboto,sans-serif;font-size:.9em;line-height:1.6;margin:6px 0 0}.work{padding:0 0 40px}.work .projects{margin:0 auto;max-width:880px;width:80%}.contact{background-color:var(--contact-bg);background-image:var(--contact-bg-image);background-size:cover;border-top:1px solid var(--contact-border-top);padding:60px 0 0}.contact form{margin:0 auto;max-width:880px;width:80%}.contact form .container{max-width:480px}.contact form h2{color:var(--contact-heading);font-family:Roboto,sans-serif;font-size:1.4em;font-weight:600;margin-bottom:24px}.contact .field{margin-bottom:16px}.contact .field label{color:var(--contact-label);display:block;font-family:Roboto,sans-serif;font-size:.85em;font-weight:500;margin-bottom:4px}.contact .field input,.contact .field textarea{background:var(--contact-input-bg);border:1px solid var(--contact-input-border);border-radius:3px;box-sizing:border-box;color:var(--contact-input-text);font-family:Roboto,sans-serif;font-size:.95em;outline:none;padding:8px 10px;transition:border-color .2s ease;width:100%}.contact .field input:focus,.contact .field textarea:focus{border-color:var(--contact-input-focus)}.contact .field input::placeholder,.contact .field textarea::placeholder{color:var(--contact-placeholder)}.contact .field button{background:var(--contact-btn-bg);border:none;border-radius:3px;color:var(--contact-btn-text);cursor:pointer;font-family:Roboto,sans-serif;font-size:.9em;padding:8px 24px;transition:background .2s ease}.contact .field button:hover{background:var(--contact-btn-hover)}.contact .footer-attribution{color:var(--contact-attribution);display:block;font-size:.8em;margin:48px auto 0;padding-bottom:12px;text-align:center;text-decoration:none;width:auto;&:hover{color:var(--contact-attribution-hover)}}*{margin:0;padding:0}body,html{background-attachment:fixed;background-color:var(--page-bg);background-image:var(--page-bg-image);background-repeat:no-repeat;background-size:cover;height:100%;width:100%}@media (max-width:768px){.hero .title{width:80%}.hero .title h1{font-size:1.5em}.work .projects{width:85%}.project{flex-direction:column;gap:16px}.project-thumbnail{min-width:unset;width:100%}.contact form{width:80%}.gallery-content{padding:56px 48px 12px}.gallery-strip{padding:12px 48px 8px}.gallery-nav{padding:8px}}@media (max-width:480px){.hero{padding:48px 0 24px}.hero .title{width:85%}.hero .title h1{font-size:1.3em}.work .projects{width:90%}.project-thumbnail{aspect-ratio:16/9}.contact form{width:85%}.contact .field button{width:100%}.gallery-content{padding:48px 16px 8px}.gallery-strip{gap:4px;padding:8px 16px}.gallery-strip-item{height:30px;width:44px}.gallery-main-image,.gallery-main-video{border-radius:4px;max-height:60vh}}
/*# sourceMappingURL=main.5bd9bdbd.css.map*/