@font-face{font-family:Outfit;src:url('/assets/outfit-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--navy:#0c0c0d;--wine:#7a2038;--wine-hover:#912b46;--white:#fff;--muted:#b7b7bc;--line:#303034;--font:Outfit,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:var(--font);background:var(--navy);color:var(--white);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e6b462;outline-offset:5px}img{max-width:100%;display:block}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;z-index:200;background:white;color:#0c0c0d;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-shell{max-width:1600px;min-height:100svh;margin:auto;padding:0 clamp(24px,5vw,88px);display:flex;flex-direction:column}.home-header{height:122px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;width:204px}.brand img{width:100%;height:auto}.website-link{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.website-link .icon{width:15px;height:15px}.website-link:hover{color:white}.experience-layout{flex:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,6vw,100px);align-items:center;padding:12px 0 36px;min-width:0}.intro{position:relative;z-index:2;padding-bottom:10px}h1{margin:0;font-size:clamp(42px,4.5vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1.045}.intro-copy{color:var(--muted);font-size:18px;line-height:1.65;margin:26px 0 35px}.link-directory{max-width:450px;display:grid;gap:14px}.catalog-link{display:flex;align-items:center;gap:18px;padding:22px 22px 22px 18px;background:var(--wine);border-radius:7px;transition:background .2s}.catalog-link:hover{background:var(--wine-hover)}.catalog-link img{width:68px;height:48px;object-fit:cover;box-shadow:2px 2px 0 #511326;transform:rotate(-4deg)}.catalog-link span{display:grid;gap:4px;flex:1}.catalog-link strong{font-weight:500;font-size:20px}.catalog-link small{color:#edcbd4;font-size:13px}.catalog-link>.icon{width:20px;height:20px}.contact-link{display:flex;align-items:center;gap:12px;min-height:64px;border:1px solid #454549;border-radius:7px;padding:16px 20px;font-size:16px;transition:border-color .2s,background .2s}.contact-link:hover{border-color:#b3b3b8;background:#1b1b1e}.contact-link .arrow{margin-left:auto;width:17px;height:17px}.social-links{display:flex;gap:clamp(13px,1.75vw,29px);margin:30px 0 0;flex-wrap:wrap}.social-links a{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#d9d9dd;min-height:40px}.social-links .icon{width:18px;height:18px}.social-links a:hover{color:#fff}.email-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-top:14px}.email-link .icon{width:16px;height:16px}.email-link:hover{color:white}
.project-gallery{min-width:0;position:relative}.reel-wall{height:clamp(420px,61svh,640px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 95%,transparent)}.reel-column{display:flex;flex-direction:column;gap:14px;transform:translateY(-70px)}.reel-column:nth-child(2){transform:translateY(10px)}.reel-column:nth-child(3){transform:translateY(-35px)}.reel{display:block;position:relative;border-radius:7px;overflow:hidden;aspect-ratio:9/16;flex-shrink:0;background:#1b1b1e}.reel video{width:100%;height:100%;object-fit:cover;display:block}.reel::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.64));pointer-events:none}.reel span{position:absolute;bottom:15px;left:12px;right:8px;z-index:1;font-size:13px;font-weight:500;text-shadow:0 1px 5px #000}.reel:focus-visible{outline-offset:-5px}.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--muted)}.gallery-caption p{margin:0;font-size:13px}.motion-toggle{display:flex;align-items:center;gap:6px;color:var(--muted);border:0;background:transparent;font-size:12px;min-height:40px;padding:5px 0 5px 12px}.motion-toggle .icon{width:15px;height:15px}.motion-toggle:hover{color:white}.home-footer{min-height:62px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#aaaab1;font-size:12px;gap:20px}
@media(min-width:1600px){.reel-wall{height:650px}.experience-layout{padding-bottom:50px}}
@media(max-width:1050px){.site-shell{padding-inline:32px}.home-header{height:100px}.experience-layout{gap:32px;grid-template-columns:1fr 1fr}.reel-wall{gap:10px;height:500px}.reel-column{gap:10px}.reel span{font-size:11px;left:9px}.social-links{gap:14px}.social-links a{font-size:12px}.catalog-link{gap:12px;padding:18px 16px}.catalog-link strong{font-size:18px}.catalog-link img{width:55px}}
@media(max-width:760px){.site-shell{padding-inline:24px;min-height:100svh}.home-header{height:92px}.brand{width:157px}.website-link{font-size:12px;gap:7px}.experience-layout{display:flex;flex-direction:column;gap:0;padding:14px 0 26px;align-items:stretch}.intro{display:contents}h1{font-size:clamp(38px,7.9vw,56px);line-height:1.08;letter-spacing:-.035em;text-align:center;order:0}.intro-copy{font-size:15px;margin:18px 0 22px;text-align:center;line-height:1.55;order:1}.project-gallery{order:2;margin-inline:-24px;margin-bottom:21px}.reel-wall{display:flex;height:194px;gap:9px;overflow-x:auto;padding:0 24px;mask-image:none;scrollbar-width:none;scroll-snap-type:x mandatory}.reel-wall::-webkit-scrollbar{display:none}.reel-column{display:contents}.reel{width:126px;aspect-ratio:auto;height:194px;scroll-snap-align:center}.reel span{font-size:11px;bottom:10px}.gallery-caption{margin:8px 24px 0}.gallery-caption p,.motion-toggle{font-size:11px}.link-directory{max-width:450px;width:100%;margin-inline:auto;order:3;gap:11px}.catalog-link{padding:18px;gap:16px}.catalog-link img{width:62px;height:40px}.catalog-link strong{font-size:19px}.contact-link{min-height:58px;font-size:15px}.social-links{order:4;justify-content:center;margin-top:21px;gap:21px}.social-links a{font-size:12px;flex-direction:column;gap:7px;min-width:52px}.social-links .icon{width:20px;height:20px}.email-link{order:5;justify-content:center;margin-top:23px;font-size:12px}.home-footer{font-size:11px;min-height:56px}.website-link .icon{width:13px;height:13px}}
@media(max-width:360px){.site-shell{padding-inline:18px}.brand{width:137px}.website-link{font-size:11px}h1{font-size:36px}.catalog-link{padding:15px;gap:10px}.catalog-link strong{font-size:17px}.social-links{gap:15px}.project-gallery{margin-inline:-18px}.reel-wall{padding-inline:18px}.gallery-caption{margin-inline:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}