@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap";:root{--color-bg-dark: #1a1a1a;--color-bg-darker: #171717;--color-accent: #e6c487;--color-text-primary: #d0c5b5;--color-text-white: #ffffff;--color-text-input: #e5e2e1;--border-soft: 1px solid rgba(230, 196, 135, .15);--max-width: 1280px;--section-v: 96px;--section-h: 24px;--nav-v: 16px;--hero-v: 160px}html{scroll-behavior:smooth;scroll-padding-top:83px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,sans-serif;background:var(--color-bg-dark);color:var(--color-text-white);line-height:normal;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit}img{display:block}.main-page{display:flex;flex-direction:column;min-height:100vh}.navigation-section{background:var(--color-bg-dark);display:flex;justify-content:center;position:sticky;top:0;z-index:100}.nav-bar{display:flex;align-items:center;width:100%;max-width:var(--max-width);padding:var(--nav-v) var(--section-h)}.logo-button{font-size:20px;font-weight:600;color:var(--color-accent);padding:12px;flex-shrink:0}.nav-buttons-container{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:8px}.nav-button{display:block;font-size:14px;font-weight:400;color:var(--color-text-primary);padding:16px;transition:color .2s}.nav-button:hover{color:var(--color-accent)}.hero-section{position:relative;display:flex;justify-content:center;overflow:hidden;background:var(--color-bg-dark);min-height:360px}.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;filter:blur(6px)}.hero-content{max-width:var(--max-width);width:100%;padding:var(--hero-v) var(--section-h);position:relative;z-index:1;display:flex;flex-direction:column;gap:32px;align-items:flex-start}.heading-primary{font-size:68px;font-weight:700;letter-spacing:-2.04px;line-height:1;color:var(--color-text-white)}.heading-primary em{color:var(--color-accent);font-weight:400;font-style:italic}.primary-button{display:inline-flex;align-items:center;border:1px solid var(--color-accent);padding:16px 32px;font-size:14px;font-weight:400;color:var(--color-accent);background:transparent;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}.primary-button:hover{background:var(--color-accent);color:var(--color-bg-dark)}.info-section,.about-section,.contact-section{display:flex;flex-direction:column;align-items:center;overflow:hidden;width:100%;border-top:1px solid #232323}#philosophy{background:var(--color-bg-dark)}#work{background:var(--color-bg-darker)}#about{background:var(--color-bg-dark)}#contact{background:var(--color-bg-darker)}.container-horizontal{max-width:var(--max-width);width:100%;display:flex;gap:64px;align-items:flex-start;padding:var(--section-v) var(--section-h)}.container-vertical{max-width:var(--max-width);width:100%;display:flex;flex-direction:column;gap:32px;padding:var(--section-v) var(--section-h)}.heading{display:flex;flex-direction:column;gap:16px;flex:1;max-width:480px;flex-shrink:0}.section-eyebrow{font-size:16px;font-weight:400;color:var(--color-accent);letter-spacing:4.48px}.heading-secondary{font-size:40px;font-weight:700;color:var(--color-text-white);line-height:1}.heading-secondary em{color:var(--color-accent);font-weight:400;font-style:italic}.text-body{font-size:14px;font-weight:400;color:var(--color-text-primary);line-height:1.5}.info-content{flex:1;min-width:0;display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-content:start}.info-form{display:flex;flex-direction:column;gap:8px}.info-form-icon{display:block;width:16px;height:16px;background-color:var(--color-accent);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;flex-shrink:0}.info-form-title{font-size:16px;font-weight:600;color:var(--color-text-white)}.skills-grid{display:flex;flex-wrap:wrap;gap:4px 16px}.about-skill-chip{font-size:14px;font-weight:400;color:var(--color-text-primary);text-transform:uppercase}.facts-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:4px}.about-fact-label{font-size:14px;font-weight:400;color:var(--color-text-primary);text-transform:uppercase}.about-fact-value{font-size:14px;font-weight:400;color:var(--color-text-white);text-align:right}.carousel-container{display:flex;flex-direction:column;gap:16px;width:100%}.tabs{display:flex;align-items:center;justify-content:space-between;width:100%}.buttons-container{display:flex;align-items:center;gap:8px}.tab-button{font-size:14px;font-weight:400;color:var(--color-text-primary);background:none;border:none;border-bottom:1px solid transparent;cursor:pointer;padding:16px 16px 8px;transition:color .2s,border-color .2s}.tab-button:hover{color:var(--color-accent)}.tab-button.active{border-bottom-color:var(--color-accent)}.tab-arrows{background:none;border:none;cursor:pointer;color:var(--color-text-primary);font-size:24px;padding:12px 16px 7px;line-height:1;transition:color .2s}.tab-arrows:hover{color:var(--color-accent)}.contact-form{flex:1;min-width:0;display:flex;flex-direction:column;gap:32px}.contact-row{display:flex;gap:16px;width:100%}.contact-field,.contact-area{flex:1;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #434343;padding-bottom:8px;transition:border-color .2s}.contact-field:focus-within,.contact-field:has(input:not(:placeholder-shown)),.contact-area:focus-within,.contact-area:has(textarea:not(:placeholder-shown)){border-bottom-color:var(--color-accent)}.form-label{font-size:14px;font-weight:400;color:var(--color-text-primary);letter-spacing:2.24px;text-transform:uppercase}.form-input{font-size:14px;font-weight:400;color:var(--color-text-input);background:transparent;border:none;outline:none;font-family:inherit;width:100%}.form-input::placeholder{color:#434343}.form-textarea{min-height:96px;resize:none;line-height:1.5}.actions{display:flex;align-items:center}.form-status{font-size:14px;color:var(--color-accent)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.img-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#222,#2a2a2a,#222 80%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;pointer-events:none}.footer-section{background:var(--color-bg-darker);display:flex;justify-content:center}.footer-section--dark{background:var(--color-bg-dark)}.footer{max-width:var(--max-width);width:100%;display:flex;align-items:center;padding:var(--nav-v) var(--section-h)}.footer-text{font-size:14px;color:var(--color-text-primary);padding:16px}.footer-button{display:block;font-size:14px;font-weight:400;color:var(--color-text-primary);padding:16px;transition:color .2s}.footer-button:hover{color:var(--color-accent)}.hamburger-btn{display:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-text-primary);transition:color .2s;flex-shrink:0;margin-left:auto}.hamburger-btn:hover{color:var(--color-accent)}.hamburger-icon{display:block;width:26px;height:26px;background-color:currentColor;mask-image:url(/icons/menu.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/icons/menu.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.mobile-menu{position:fixed;inset:0;z-index:200;background:var(--color-bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--color-text-primary);font-size:36px;line-height:1;padding:8px;transition:color .2s;font-family:inherit}.mobile-menu-close:hover{color:var(--color-accent)}.mobile-nav-link{display:block;font-size:28px;font-weight:500;letter-spacing:6px;color:var(--color-text-white);padding:14px 32px;text-align:center;transition:color .2s}.mobile-nav-link:hover{color:var(--color-accent)}@media(max-width:768px){:root{--section-v: 48px;--hero-v: 80px}.nav-bar .nav-buttons-container{display:none}.hamburger-btn{display:flex}.hero-content{padding-bottom:40px}.heading-primary{font-size:42px;letter-spacing:-1px}.heading-secondary{font-size:28px}.container-horizontal{flex-direction:column;align-items:stretch;gap:32px}.heading{max-width:100%;flex:none}.info-content{grid-template-columns:1fr;gap:24px}.contact-row{flex-direction:column}.carousel:before,.carousel:after{width:32px}.tab-arrows{display:none}.tab-button{padding:12px 8px 6px;letter-spacing:0}.footer{flex-direction:column-reverse;gap:4px;align-items:flex-start;padding:32px var(--section-h)}.footer .nav-buttons-container{flex-wrap:wrap;justify-content:center}.footer-button{width:fit-content;padding:8px 16px}}.carousel{position:relative}.carousel:before,.carousel:after{content:"";position:absolute;top:0;bottom:0;width:128px;pointer-events:none;z-index:1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.carousel:before{left:0;background:linear-gradient(to right,var(--color-bg-darker) 0%,transparent 100%);mask-image:linear-gradient(to right,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,transparent 100%)}.carousel:after{right:0;background:linear-gradient(to left,var(--color-bg-darker) 0%,transparent 100%);mask-image:linear-gradient(to left,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,black 0%,transparent 100%)}.carousel-viewport{position:relative;width:100%;overflow:hidden;cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none}.carousel-viewport:active{cursor:grabbing}.carousel-track{position:relative;width:100%;will-change:transform}.work-card{position:absolute;top:0;left:0;display:flex;flex-direction:column;background-size:cover;background-position:center;overflow:hidden}.work-card:not(.is-loaded){background-image:linear-gradient(90deg,#222,#2a2a2a,#222 80%)!important;background-size:200% 100%!important;animation:shimmer 1.5s ease-in-out infinite}.work-card-info{display:flex;flex-direction:column;justify-content:flex-end;flex:1;padding:16px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.work-card:hover .work-card-info{opacity:1;transform:translateY(0);background:linear-gradient(0deg,#000000b3,#0000);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.work-card-tag{color:#e6c487;font-family:Manrope;font-size:12px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:1.68px;text-transform:uppercase}.work-card-title{color:#fff;font-family:Manrope;font-size:22px;font-style:normal;font-weight:600;line-height:normal}@media(max-width:768px){.carousel:before,.carousel:after{width:32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
