.wanted-title{font-family:var(--font-display);font-weight:400;color:var(--color-text-muted);line-height:1;letter-spacing:0;font-size:clamp(72px,28vw,240px);text-align:center;width:100%;-webkit-user-select:none;user-select:none}@media (min-width: 1200px){.wanted-title{font-size:240px}}.profile-photo-wrap{position:relative;width:100%;max-width:330px;aspect-ratio:1 / 1}.profile-photo{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;filter:sepia(.7);transform:perspective(1200px) rotate(-2deg);animation:fadeInRotateProfile .6s .2s ease-out backwards;z-index:1}.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.profile-badge{position:absolute;top:-10px;right:-28px;z-index:2;display:inline-block;padding:12px 18px;border:3px solid var(--color-text);border-radius:12px;background:transparent;color:var(--color-text);font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.2;white-space:nowrap;transform:perspective(1200px) rotate(12deg);animation:fadeInRotateBadge .6s 1s ease-out backwards}.profile-name-block{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 96px;background-color:var(--color-text);color:var(--color-bg);transform:perspective(1200px) rotate(1deg);animation:fadeInRotateName .6s .6s ease-out backwards}.profile-name{font-family:var(--font-display);font-weight:400;font-size:54px;line-height:1.2;color:var(--color-bg);text-align:center}.profile-role{font-family:var(--font-mono);font-weight:400;font-size:16px;line-height:1.2;color:var(--color-bg);text-align:center}@media (max-width: 809.98px){.profile-photo-wrap{max-width:260px}.profile-badge{top:-8px;right:-20px;font-size:20px;padding:10px 14px}.profile-name-block{padding:24px 36px}.profile-name{font-size:36px}}.about-row{gap:24px}.about-text{width:50%}@media (max-width: 809.98px){.about-text{width:100%}}.services-row{gap:24px}.services-list{list-style:none;margin:0;padding:0;width:50%;display:flex;flex-direction:column;gap:24px}.services-item{display:flex;align-items:baseline;gap:8px;font-family:var(--font-mono);font-weight:400;font-size:16px;color:var(--color-text-muted);line-height:1.2}.services-num{font-variant-numeric:tabular-nums;flex-shrink:0}@media (max-width: 809.98px){.services-list{width:100%}}.work-header{width:100%}.work-list{width:100%;display:flex;flex-direction:column;gap:48px}.project-card{position:relative;display:flex;flex-direction:row;gap:24px;width:100%;cursor:pointer;text-decoration:none;color:inherit}.project-card__media{position:absolute;inset:0 auto 0 0;width:70px;aspect-ratio:1 / 1;height:auto;z-index:1;overflow:hidden;filter:sepia(.7);transition:width .22s ease,top .22s ease,bottom .22s ease,left .22s ease,transform .22s ease}.project-card__media img{width:100%;height:100%;object-fit:cover;object-position:center}.project-card__body{flex:1 1 0;display:flex;flex-direction:column;gap:24px;height:70px;padding-left:94px;width:100%;overflow:hidden}.project-card__title-row{position:relative;display:flex;flex-direction:row;align-items:center;width:100%}.project-card__title{flex:1 1 0;font-family:var(--font-mono);font-weight:500;font-size:22px;line-height:1.2;color:var(--color-text)}.project-card__arrow{position:absolute;right:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text);transition:transform .22s ease}.project-card__meta{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%}.project-card__meta-col{display:flex;flex-direction:row;align-items:center;gap:6px;width:50%;font-family:var(--font-mono);font-weight:400;font-size:16px;color:var(--color-text);line-height:1.2}.project-card__meta-col:first-child{padding-left:0}.project-card__meta-label{flex-shrink:0;opacity:.85}.project-card__meta-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card:hover .project-card__media{width:118px;top:-24px;bottom:-24px;left:-12px;z-index:2}.project-card:hover .project-card__arrow{transform:translate(12px)}@media (max-width: 809.98px){.project-card{flex-direction:column;gap:12px;width:100%}.project-card__media{position:relative;inset:auto;width:100%;aspect-ratio:1 / 1;height:auto}.project-card__body{height:auto;padding-left:0;gap:12px}.project-card__meta{gap:24px}.project-card__meta-col{flex:1 1 0;flex-direction:column;align-items:flex-start;gap:4px;width:auto}.project-card:hover .project-card__media{width:100%;top:auto;bottom:auto;left:auto;transform:none}.project-card:hover .project-card__arrow{transform:none}}.section--contact{align-items:center}.contact-intro{width:100%;text-align:left}.contact-social{display:flex;flex-direction:row;gap:24px;width:100%}.contact-link-list{list-style:none;margin:0;padding:0;flex:1 1 0;display:flex;flex-direction:column;gap:24px}.contact-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-weight:400;font-size:16px;color:var(--color-text-muted);line-height:1.2;transition:color .2s ease}.contact-link:hover{color:var(--color-text-dark)}.contact-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text);flex-shrink:0;display:inline-block}@media (max-width: 809.98px){.contact-social{flex-direction:column;gap:24px}}.contact-form-wrap{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.contact-form-heading{font-family:var(--font-mono);font-weight:500;font-size:22px;line-height:1.2;color:var(--color-text);text-align:center}.contact-form{width:100%;display:flex;flex-direction:column;gap:20px}.contact-form-row{display:flex;flex-direction:row;gap:24px;width:100%}.contact-field{flex:1 1 0;display:block}.contact-field--block{width:100%}.contact-field input,.contact-field textarea{width:100%;padding:24px;border:none;background-color:var(--color-bg-input);color:var(--color-text-dark);font-family:var(--font-mono);font-weight:400;font-size:14px;line-height:1.2;outline:none;transition:box-shadow .2s ease;border-radius:0}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--color-placeholder)}.contact-field textarea{min-height:100px;height:180px;resize:vertical;font-family:var(--font-mono)}.contact-field input:focus-visible,.contact-field textarea:focus-visible{box-shadow:inset 0 0 0 1px var(--color-text)}.contact-checkbox{display:flex;flex-direction:row;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:400;font-size:14px;color:var(--color-text-muted);line-height:1.2}.contact-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1px solid var(--color-text);background-color:var(--color-text);margin:0;position:relative;cursor:pointer;flex-shrink:0}.contact-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M 4 8 L 6.5 10.5 L 11.5 5.5' fill='transparent' stroke-width='2' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px}.contact-submit{width:100%;padding:0;height:65px;border:none;background-color:var(--color-text);color:#fff;font-family:var(--font-mono);font-weight:400;font-size:14px;line-height:1.2;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.contact-submit:hover{background-color:var(--color-text-dark)}.contact-submit:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 809.98px){.contact-form-row{flex-direction:column;gap:12px}}.site-footer{width:100%;max-width:var(--container-max);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:48px 0}.site-footer__copy{font-family:var(--font-mono);font-weight:400;font-size:16px;color:var(--color-text);line-height:1.2}@media (max-width: 809.98px){.site-footer{flex-direction:column;gap:48px;padding:48px 0}}.video-embed{display:flex;flex-direction:column;gap:12px;width:100%;margin:48px 0}.video-embed__label{display:inline-block;align-self:flex-start;padding:6px 12px;border:2px solid var(--color-text);border-radius:4px;font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text)}.video-embed__frame{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;border:2px solid var(--color-text);overflow:hidden;box-shadow:0 0 0 1px #4d4d4d26}.video-embed__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}@media (max-width: 809.98px){.video-embed{margin:36px 0}.video-embed__label{font-size:10px;padding:5px 10px}}.project{width:100%;max-width:var(--container-max);display:flex;flex-direction:column;align-items:stretch;gap:0}.project-nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:24px 0;border-bottom:var(--border-dashed)}.project-nav__home{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:500;font-size:14px;color:var(--color-text);letter-spacing:.04em;text-transform:uppercase;transition:color .2s ease}.project-nav__home:hover{color:var(--color-text-dark)}.project-nav__brand{font-family:var(--font-display);font-weight:400;font-size:36px;line-height:1;color:var(--color-text-muted);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.project-header{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:60px 0 24px;border-bottom:var(--border-dashed)}.project-case{display:inline-block;padding:6px 12px;border:2px solid var(--color-text);border-radius:4px;font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text);background:transparent}.project-title{font-family:var(--font-display);font-weight:400;font-size:clamp(48px,9vw,96px);line-height:1;color:var(--color-text);margin:0;word-break:break-word}.project-tagline{font-family:var(--font-mono);font-weight:400;font-size:18px;line-height:1.4;color:var(--color-text-muted);max-width:520px}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;padding:24px 0;border-bottom:var(--border-dashed)}.project-meta__item{display:flex;flex-direction:column;gap:6px;min-width:0}.project-meta__label{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);opacity:.75}.project-meta__value{font-family:var(--font-mono);font-weight:500;font-size:14px;line-height:1.3;color:var(--color-text);word-break:break-word}.project-body{display:grid;grid-template-columns:2fr 1fr;gap:48px;width:100%;padding:0 0 48px;border-bottom:var(--border-dashed)}.project-body__col{display:flex;flex-direction:column;gap:16px}.project-body__heading{font-family:var(--font-mono);font-weight:500;font-size:20px;color:var(--color-text-muted);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-text)}.project-body__para{font-family:var(--font-mono);font-weight:400;font-size:16px;line-height:1.55;color:var(--color-text-muted)}.project-credits{display:flex;flex-direction:column;gap:16px;margin:0}.project-credit{display:flex;flex-direction:column;gap:4px}.project-credit dt{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);opacity:.75;margin:0}.project-credit dd{font-family:var(--font-mono);font-weight:500;font-size:14px;color:var(--color-text);margin:0}.project-pager{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;padding:48px 0;border-bottom:var(--border-dashed)}.project-pager__link{display:flex;flex-direction:column;gap:8px;padding:20px;border:2px solid var(--color-text);text-decoration:none;color:inherit;transition:background-color .2s ease,color .2s ease,transform .2s ease;min-width:0}.project-pager__link--next{align-items:flex-end;text-align:right}.project-pager__link:hover{background-color:var(--color-text);color:var(--color-bg);transform:translateY(-2px)}.project-pager__link:hover .project-pager__title,.project-pager__link:hover .project-pager__label{color:var(--color-bg)}.project-pager__label{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);transition:color .2s ease}.project-pager__title{font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.1;color:var(--color-text);word-break:break-word;transition:color .2s ease}@media (max-width: 809.98px){.project-meta{grid-template-columns:repeat(2,1fr);gap:18px}.project-body{grid-template-columns:1fr;gap:36px}.project-pager{grid-template-columns:1fr}.project-pager__link--next{align-items:flex-start;text-align:left}.project-nav__brand{font-size:28px}}.not-found{width:100%;max-width:var(--container-max);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:120px 0;text-align:center;min-height:calc(100vh - 200px)}.not-found__case{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);padding:6px 12px;border:2px solid var(--color-text);border-radius:4px}.not-found__title{font-family:var(--font-display);font-weight:400;font-size:clamp(48px,12vw,120px);line-height:1;color:var(--color-text);margin:0}.not-found__copy{font-family:var(--font-mono);font-weight:400;font-size:16px;line-height:1.5;color:var(--color-text-muted);max-width:480px}.not-found__cta{margin-top:16px;padding:16px 24px;border:2px solid var(--color-text);font-family:var(--font-mono);font-weight:500;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);transition:background-color .2s ease,color .2s ease}.not-found__cta:hover{background-color:var(--color-text);color:var(--color-bg)}:root{--color-bg: #f1e9da;--color-bg-input: #e3d3b5;--color-text: #4d4d4d;--color-text-muted: #666666;--color-text-dark: #1a1a1a;--color-placeholder: #808080;--font-display: "Anton", "Anton Placeholder", sans-serif;--font-mono: "Azeret Mono", monospace;--container-max: 720px;--page-padding-x: 24px;--border-dashed: 2px dashed var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:16px;line-height:1.2;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,figure{margin:0}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,button{font-family:inherit}.page{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:0 var(--page-padding-x);overflow:hidden;isolation:isolate}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;background-image:url(https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png);background-size:128px;background-repeat:repeat;opacity:.1;mix-blend-mode:multiply}.section{position:relative;width:100%;max-width:var(--container-max);display:flex;flex-direction:column;align-items:center;border-bottom:var(--border-dashed)}.section--header{padding:24px 0}.section--profile{gap:24px;padding:60px 0}.section--about,.section--services{gap:24px;padding:48px 0}.section--work,.section--contact{gap:48px;padding:48px 0}.section:last-of-type{border-bottom:none}.section-row{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:flex-start}.section-heading{font-family:var(--font-mono);font-weight:500;font-size:28px;line-height:1.2;color:var(--color-text-muted)}.section-text{font-family:var(--font-mono);font-weight:400;font-size:16px;line-height:1.2;color:var(--color-text-muted)}@media (max-width: 809.98px){.section-row{flex-direction:column;gap:24px}}@keyframes fadeInRotateProfile{0%{opacity:0;transform:perspective(1200px) rotate(-2deg) translateY(8px)}to{opacity:1;transform:perspective(1200px) rotate(-2deg)}}@keyframes fadeInRotateBadge{0%{opacity:0;transform:perspective(1200px) rotate(12deg) scale(.9)}to{opacity:1;transform:perspective(1200px) rotate(12deg) scale(1)}}@keyframes fadeInRotateName{0%{opacity:0;transform:perspective(1200px) rotate(1deg) translateY(8px)}to{opacity:1;transform:perspective(1200px) rotate(1deg)}}
