:root{--color-bg:#111;--color-dark:#f1f4f5;--color-muted:#2e2e2e;--color-text-muted:#a0a0a0;--color-card-bg:#1e1e1e;--color-card-text-primary:#fff;--color-card-text-muted:#6e6e6e;--color-text-bg-massive:#f1f4f50a;--color-lanyard-strap:#2a2a2a;--font-sans:"DM Sans", sans-serif;--font-cursive:"Caveat", cursive;--font-size-display:clamp(3rem, 8vw, 8rem);--font-size-h1:clamp(2rem, 5vw, 3.5rem);--font-size-body-lg:clamp(1.1rem, 2vw, 1.5rem);--font-size-body:clamp(1rem, 1.2vw, .95rem);--font-size-label:clamp(.875rem, .8vw, .75rem);--font-size-nav:clamp(.75rem, 1vw, .875rem);--font-size-card-name:clamp(1rem, 1.5vw, 1.25rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:60px;--space-2xl:100px;--radius-sm:4px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.6s ease;--ease-entrance:cubic-bezier(.2, .8, .2, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--max-width:1400px;--page-padding-x:60px;--page-padding-x-mobile:20px}@media (prefers-color-scheme:dark){.top-nav,.footer{mix-blend-mode:difference}}@media (prefers-color-scheme:light){:root{--color-bg:#f1f4f5;--color-dark:#1c1c1c;--color-muted:#d2d2d2;--color-text-muted:#636363;--color-card-bg:#1c1c1c;--color-card-text-primary:#fff;--color-card-text-muted:#8e8e8e;--color-text-bg-massive:#1c1c1c0f;--color-lanyard-strap:#1a1a1a}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{background-color:var(--color-bg);color:var(--color-dark);font-family:var(--font-sans);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}body.custom-cursor,body.custom-cursor *{cursor:none!important}.skip-link{top:-100%;left:var(--space-md);z-index:99999;background:var(--color-dark);color:var(--color-bg);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-body);font-family:var(--font-sans);transition:top var(--transition-fast);text-decoration:none;position:fixed}.skip-link:focus{top:var(--space-md)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--color-muted) 25%, #e8eaeb 50%, var(--color-muted) 75%);background-size:800px 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}.top-nav{width:100%;padding:var(--space-md) var(--page-padding-x);z-index:10;font-size:var(--font-size-nav);font-weight:var(--font-weight-medium);color:var(--color-dark);opacity:0;animation:nav-slide-down 1.4s var(--ease-entrance) .2s forwards;grid-template-columns:repeat(4,1fr);align-items:center;display:grid;position:fixed;top:0;left:0;transform:translateY(-20px)}@keyframes nav-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-link{color:inherit;transition:opacity var(--transition-base);text-decoration:none}.nav-link:hover,.nav-link.active{opacity:.7;color:var(--color-text-muted)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-mobile{display:none}@media (width<=768px){.top-nav{padding:var(--space-md) var(--page-padding-x-mobile);font-size:var(--font-size-body)}.text-desktop{display:none}.text-mobile{display:inline}}.cursor{border-radius:var(--radius-full);background-color:var(--color-dark);pointer-events:none;z-index:9999;mix-blend-mode:difference;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.cursor-label{font-size:.6rem;font-weight:var(--font-weight-bold);letter-spacing:.15em;color:var(--color-bg);text-transform:uppercase;white-space:nowrap}@media (hover:none){.cursor{display:none}}.hero-container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.bg-text{font-size:27.5vw;font-weight:var(--font-weight-bold);color:var(--color-text-bg-massive);z-index:0;white-space:nowrap;pointer-events:none;text-transform:uppercase;letter-spacing:-.06em;opacity:0;animation:bg-rise 2.5s var(--ease-entrance) 1.2s forwards;margin:0;line-height:.7;position:absolute;bottom:-6vw;left:50%;transform:translate(-50%)}@keyframes bg-rise{0%{opacity:0;transform:translate(-50%,15vh)}to{opacity:1;transform:translate(-50%)}}.entrance-animator{justify-content:center;width:100%;animation:1.4s ease-out forwards drop-heavy;display:flex}@keyframes drop-heavy{0%{transform:translateY(-150vh)}60%{transform:translateY(40px)}80%{transform:translateY(-15px)}to{transform:translateY(0)}}.card-wrapper{z-index:1;transform-origin:50% -50vh;width:100%;max-width:320px;animation:8s ease-in-out infinite gentle-swing;position:relative}@keyframes gentle-swing{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.card-container{background-color:var(--color-card-bg);border-radius:var(--radius-lg);color:var(--color-card-text-primary);z-index:3;flex-direction:column;gap:16px;padding:24px 22px;display:flex;position:relative;box-shadow:0 20px 40px #0000004d,inset 0 1px 1px #ffffff1a}.lanyard-system{z-index:5;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:calc(100% - 24px);left:50%;transform:translate(-50%)}.lanyard-string{background-color:var(--color-lanyard-strap);background-image:repeating-linear-gradient(90deg,#0000 0 2px,#ffffff0d 2px 4px);width:22px;height:100vh;box-shadow:inset 0 0 6px #000c,0 10px 20px #00000080}.lanyard-clip{border-radius:var(--radius-sm) var(--radius-sm) var(--radius-md) var(--radius-md);z-index:2;background:linear-gradient(135deg,#e6e6e6 0%,#7a7a7a 50%,#4a4a4a 100%);width:28px;height:35px;margin-top:-5px;box-shadow:inset 1px 1px 2px #ffffffe6,inset -1px -1px 4px #0009,0 10px 20px #0006}.lanyard-loop{z-index:1;border:4px solid #999;border-radius:10px;width:16px;height:20px;margin-top:-12px;box-shadow:inset 1px 1px 1px #fff9,0 4px 8px #00000080}.id-hole{border-radius:var(--radius-full);background:#0a0a0a;border:1px solid #000c;width:32px;height:8px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 3px 5px #000000e6,0 1px 1px #fff3}.card-header{text-align:center;font-size:var(--font-size-label);color:var(--color-card-text-muted);letter-spacing:.25em;font-weight:var(--font-weight-bold);text-transform:uppercase}.profile-section{align-items:center;gap:var(--space-sm);display:flex}.profile-image{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:72px;min-width:72px;height:72px;min-height:72px}.profile-text h2{font-size:var(--font-size-card-name);font-weight:var(--font-weight-medium);margin:0}.profile-text p{font-size:var(--font-size-body);color:var(--color-card-text-muted);margin:4px 0 0}.label{font-size:var(--font-size-label);color:var(--color-card-text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;display:block;overflow:hidden}.value{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.details-row{justify-content:space-between;align-items:flex-end;display:flex}.signature{font-family:var(--font-cursive);font-size:1.6rem;transform:rotate(-3deg)}.details-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.stats-grid{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0;display:flex}.stats-grid .detail-item{min-width:0}.img-wrapper{background-color:var(--color-muted);width:100%;height:100%;position:relative;overflow:hidden}.img-skeleton,.img-error{width:100%;height:100%;position:absolute;inset:0}.img-error{background-color:var(--color-muted)}.img-loaded{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .4s;display:block}.work-overlay{z-index:500;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.work-overlay[aria-modal=true]{pointer-events:none}.work-stage{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.work-label{pointer-events:none;z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute}.work-label span{font-size:clamp(3.5rem,12vw,11rem);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:-.03em;color:var(--color-muted);line-height:.9}.project-card{aspect-ratio:4/5;cursor:pointer;pointer-events:auto;width:18vw;min-width:140px;max-width:57.6vh;max-height:72vh;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0003}.project-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow), opacity var(--transition-slow)}.project-card:hover .project-image{transform:scale(1.25)}.project-card:focus{outline:2px solid var(--color-dark);outline-offset:4px}.project-number{bottom:var(--space-md);right:var(--space-md);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:#fff;z-index:2;position:absolute}.mobile-dots{gap:var(--space-xs);pointer-events:none;display:flex;position:absolute;bottom:22%}.dot{width:3px;height:3px;transition:background var(--transition-base), transform var(--transition-base);background:#fff3;border-radius:50%}.dot.active{background:var(--color-dark);transform:scale(2)}@media (width<=1024px) and (width>=769px){.project-card{width:17vw;max-width:48vh;max-height:60vh}}@media (width<=768px){.project-card{aspect-ratio:4/5;width:75vw;max-width:300px;max-height:none}}.case-study-main{z-index:5;background-color:var(--color-bg);color:var(--color-dark);min-height:100vh;padding:180px var(--page-padding-x) var(--space-2xl);position:relative}.cs-header{max-width:var(--max-width);margin:0 auto var(--space-xl) auto;justify-content:space-between;align-items:flex-end;gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid #00000014;display:flex}.cs-header-left{gap:var(--space-sm);flex-direction:column;display:flex}.cs-title{font-size:var(--font-size-display);font-weight:var(--font-weight-medium);letter-spacing:-.03em;margin:0;line-height:1}.cs-category{font-size:var(--font-size-body);color:var(--color-text-muted);text-transform:none;letter-spacing:0;max-width:480px;line-height:1.5}.cs-meta{align-items:center;gap:var(--space-sm);font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:.05em;opacity:.6;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;display:flex}.cs-hero-image{max-width:var(--max-width);margin:0 auto var(--space-2xl) auto;aspect-ratio:16/9;background-color:var(--color-muted);overflow:hidden}.cs-hero-image img{object-fit:cover;width:100%;height:100%}.cs-content{max-width:var(--max-width);margin:0 auto var(--space-2xl) auto;border-top:1px solid #00000014;border-bottom:1px solid #00000014;grid-template-columns:1fr 1fr;gap:0;display:grid}.cs-block{gap:var(--space-lg);padding:var(--space-2xl) var(--space-xl) var(--space-2xl) 0;border-right:1px solid #00000014;flex-direction:column;display:flex}.cs-block:last-child{padding-left:var(--space-xl);border-right:none;padding-right:0}.cs-block h2{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em}.cs-block p{font-size:var(--font-size-body);line-height:1.8}.cs-gallery{max-width:var(--max-width);margin:0 auto var(--space-2xl) auto;gap:var(--space-md);flex-direction:column;display:flex}.cs-gallery-item{background-color:var(--color-muted);width:100%;overflow:hidden}.cs-gallery-item img{width:100%;height:auto;display:block}.cs-more-work{max-width:var(--max-width);padding-top:var(--space-xl);border-top:1px solid #0000001a;margin:0 auto;padding-bottom:120px}.more-work-heading{font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:.1em;opacity:.4;margin-bottom:var(--space-lg)}.more-work-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.more-card{color:inherit;transition:opacity var(--transition-base);text-decoration:none;display:block}.more-card:hover{opacity:.7}.more-img-wrapper{aspect-ratio:4/5;background-color:var(--color-muted);margin-bottom:var(--space-sm);overflow:hidden}.more-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.more-card:hover .more-img-wrapper img{transform:scale(1.04)}.more-info{font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-weight:var(--font-weight-medium);justify-content:space-between;display:flex}@media (width<=768px){.case-study-main{padding:120px var(--page-padding-x-mobile) var(--space-xl)}.cs-header{align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-lg);flex-direction:column}.cs-meta{justify-content:flex-start}.cs-content{grid-template-columns:1fr}.cs-block{padding:var(--space-xl) 0;border-bottom:1px solid #00000014;border-right:none}.cs-block:last-child{border-bottom:none;padding-left:0}.more-work-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px) and (width>=769px){.more-work-grid{grid-template-columns:repeat(2,1fr)}}.about-main{z-index:1;background-color:var(--color-bg);color:var(--color-dark);height:100vh;padding:80px var(--page-padding-x);flex-direction:column;justify-content:center;gap:2.5vh;display:flex;position:relative;overflow:hidden}.about-bg-text{font-size:27.5vw;font-weight:var(--font-weight-bold);color:var(--color-text-bg-massive);z-index:0;white-space:nowrap;pointer-events:none;text-transform:uppercase;letter-spacing:-.06em;margin:0;line-height:.7;position:absolute;bottom:-6vw;left:50%;transform:translate(-50%)}.about-header{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);z-index:1;display:flex}.about-headline{flex-direction:column;gap:0;display:flex}.about-headline-line{font-size:var(--font-size-display);font-weight:var(--font-weight-medium);letter-spacing:-.03em;text-transform:none;margin:0;line-height:1}.about-header-right{align-items:flex-end;display:flex}.about-photo{aspect-ratio:3/4;object-fit:cover;object-position:top;filter:grayscale();width:12vw;min-width:80px}.about-intro{font-size:var(--font-size-body-lg);color:var(--color-text-muted);z-index:1;max-width:53ch;margin:0}.about-rule{z-index:1;background-color:#00000026;width:100%;height:1px}.about-columns{gap:var(--space-lg);z-index:2;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.about-col{gap:var(--space-sm);flex-direction:column;display:flex}.about-col-label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em}.about-body{margin:0;font-size:clamp(.75rem,.9vw,.95rem);line-height:1.75}.about-body strong{font-weight:var(--font-weight-medium)}@media (width<=768px){.about-main{height:auto;min-height:100vh;padding:100px var(--page-padding-x-mobile) 120px;justify-content:flex-start;gap:var(--space-xl);overflow-y:auto}.about-bg-text{display:none}.about-header{align-items:flex-start;gap:var(--space-lg);flex-direction:column}.about-headline-line{letter-spacing:.03em;font-size:clamp(2.5rem,10vw,4rem);line-height:1.15em}.about-intro{max-width:100%;line-height:1.5em}.about-columns{grid-template-columns:1fr}.about-photo{width:auto;min-width:unset;aspect-ratio:3/4;object-position:top;flex-shrink:0}.about-columns{gap:var(--space-xl);grid-template-columns:1fr}.about-body{font-size:var(--font-size-body)}}@media (width<=1024px) and (width>=769px){.about-photo{width:35vw;min-width:unset;aspect-ratio:3/4;object-position:top;flex-shrink:0}.about-headline-line{font-size:5vw}.about-photo{width:8vw;min-width:unset}.about-intro{max-width:100%;font-size:var(--font-size-body-lg);line-height:1.25em}.about-columns{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.about-body{font-size:var(--font-size-body)}}@media (width>=2560px){.about-headline-line{letter-spacing:.01em}.about-photo{width:10vw}.about-body{font-size:clamp(1.1rem,1.2vw,1.3rem)}.about-intro{letter-spacing:.01em;font-size:clamp(1.4rem,1.8vw,2rem)}.about-col-label{font-size:clamp(.75rem,.6vw,.9rem)}.about-columns{gap:var(--space-xl)}}.dots-nav{z-index:50;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.dots-nav__dot{border-radius:var(--radius-full);background-color:var(--color-muted);cursor:pointer;width:8px;height:8px;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;padding:0}.dots-nav__dot.active{background-color:var(--color-dark);transform:scale(1.3)}.dots-nav__dot:hover:not(.active){background-color:var(--color-text-muted)}@media (width<=768px){.dots-nav{display:flex;bottom:100px}}.footer{width:100%;padding:var(--space-md) var(--page-padding-x);z-index:10;font-size:var(--font-size-nav);font-weight:var(--font-weight-medium);color:var(--color-dark);opacity:0;animation:footer-slide-up 1.4s var(--ease-entrance) 1.4s forwards;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;transform:translateY(20px)}@keyframes footer-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-links{align-items:center;gap:var(--space-lg);display:flex}.footer-link{color:inherit;transition:opacity var(--transition-base);text-decoration:none}.footer-link:hover{opacity:.4}.footer-copy{font-size:var(--font-size-nav);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}@media (width<=768px){.footer{align-items:flex-start;gap:var(--space-xs);padding:var(--space-md) var(--page-padding-x-mobile);flex-direction:column}.footer-links{width:100%;font-size:var(--font-size-body);justify-content:space-between;display:flex}.footer-copy{font-size:var(--font-size-body)}}