@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg:#FFFFFF;--color-surface:#F0F0F0;--color-text:#0A0A0A;--color-text-secondary:#666666;--color-text-muted:#999999;--color-white:#FFFFFF;--color-black:#0A0A0A;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:'Playfair Display',Georgia,serif;--nav-height:56px;--case-pad-x:28px;--case-gap:20px}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--color-bg);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 var(--case-pad-x);border-bottom:none}.nav-logo{font-family:var(--font-sans);font-weight:500;font-size:0.875rem;letter-spacing:-0.01em}.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{font-size:0.875rem;font-weight:400;color:var(--color-text-secondary);transition:color 0.3s ease}.nav-links a:hover,.nav-links a.active{color:var(--color-text)}.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}.nav-burger span{display:block;width:20px;height:1.5px;background:var(--color-text);transition:background-color 0.3s ease}.mobile-menu{display:none;position:fixed;inset:0;z-index:2000;background:var(--color-black);flex-direction:column;justify-content:space-between;padding:0;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 var(--case-pad-x)}.mobile-menu-logo{font-family:var(--font-sans);font-weight:500;font-size:0.875rem;color:var(--color-white);text-decoration:none}.mobile-menu-close{background:none;border:none;color:var(--color-white);font-size:1.5rem;cursor:pointer;padding:8px;line-height:1}.mobile-menu-nav{padding:0 var(--case-pad-x);display:flex;flex-direction:column;gap:8px}.mobile-menu-nav a{font-family:var(--font-sans);font-size:clamp(1.75rem,6vw,2.25rem);font-weight:500;color:var(--color-white);text-decoration:none;transition:opacity 0.3s ease}.mobile-menu-nav a:hover{opacity:0.6}.mobile-menu-footer{padding:20px var(--case-pad-x) 32px;display:flex;flex-wrap:wrap;gap:20px}.mobile-menu-footer a{font-family:var(--font-sans);font-size:0.8125rem;font-weight:400;color:rgba(255,255,255,0.5);text-decoration:none;transition:color 0.3s ease}.mobile-menu-footer a:hover{color:var(--color-white)}.menu-overlay,.menu-panel,.menu-close{display:none !important}.home-wrapper{display:flex;height:100vh;padding-top:var(--nav-height)}.home-left{width:45%;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;overflow-y:auto}.home-tagline{font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-secondary);margin-bottom:40px}.home-project-list{list-style:none}.home-project-item{border:none}.home-project-item:first-child{border:none}.home-project-link{display:inline;padding:0;cursor:pointer}.home-project-link:hover{padding-left:0}.home-project-name{font-family:var(--font-sans);font-size:0.75rem;font-weight:400;letter-spacing:0.01em;transition:color 0.3s ease}.home-project-link:hover .home-project-name{color:var(--color-text)}.home-project-meta{font-size:0.75rem;color:var(--color-text-muted);white-space:nowrap;margin-left:16px;transition:color 0.3s ease}.home-project-link:hover .home-project-meta{color:var(--color-text-secondary)}.home-footer{margin-top:auto;padding-top:40px;font-size:0.75rem;color:var(--color-text-muted);display:flex;justify-content:space-between}.home-footer a{color:var(--color-text-secondary);transition:color 0.3s ease}.home-footer a:hover{color:var(--color-text)}.home-right{width:55%;position:relative;overflow:hidden;background:var(--color-surface)}.home-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.5s ease;pointer-events:none}.home-preview.active{opacity:1}.home-preview-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px}.home-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:clamp(2rem,4vw,4rem);font-weight:400;color:var(--color-text);text-align:center;line-height:1.2;letter-spacing:-0.02em}.home-preview:nth-child(odd){background:#E8E7E3}.home-preview:nth-child(even){background:#DDDCD8}.home-preview:nth-child(3n+1){background:var(--color-black)}.home-preview:nth-child(3n+1) .home-preview-placeholder{color:var(--color-bg)}.home-preview.default-active{opacity:1}.home-preview img,.home-preview video{width:100%;height:100%;object-fit:cover}.case-wrapper{display:flex;min-height:100vh;padding-top:var(--nav-height);background:var(--color-bg)}.case-left{width:50%;padding:40px var(--case-gap) 120px var(--case-pad-x)}.case-header{padding-top:20px;margin-bottom:36px}.case-client-label{font-family:var(--font-sans);font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-secondary);margin-bottom:10px}.case-header-title{font-family:var(--font-sans);font-size:clamp(2.25rem,4vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-0.03em;margin-bottom:20px;color:var(--color-text)}.case-header-desc{font-family:var(--font-sans);font-size:0.9375rem;font-weight:400;line-height:1.55;color:var(--color-text);margin-bottom:24px}.case-tags{display:flex;flex-wrap:wrap;gap:6px}.case-tag{display:inline-block;font-family:var(--font-sans);font-size:0.75rem;font-weight:400;color:var(--color-text);background:var(--color-surface);padding:5px 12px;border-radius:2px;white-space:nowrap}.case-image-block{margin-bottom:8px}.case-image-placeholder{width:100%;aspect-ratio:16 / 10;background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.05em}.case-image-block img{width:100%;display:block}.case-image-caption{font-size:0.6875rem;color:var(--color-text-secondary);margin-top:6px;line-height:1.4}.case-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.case-image-pair .case-image-block{margin-bottom:0;overflow:hidden}.case-image-pair .case-image-block img{width:100%;height:100%;object-fit:cover}.case-image-pair .case-image-placeholder{aspect-ratio:4 / 3}.case-pullquote{font-family:var(--font-sans);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;line-height:1.35;letter-spacing:-0.015em;color:var(--color-text);margin:24px 0;padding-right:20px}.case-manifesto{padding:36px;background:var(--color-black);color:var(--color-white);margin:24px 0}.case-manifesto p{color:var(--color-white);font-size:0.9375rem;line-height:2}.case-manifesto .manifesto-line{display:block;margin-bottom:12px}.case-left-text{margin:24px 0}.case-left-text h3{font-family:var(--font-sans);font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-secondary);margin-bottom:0}.case-left-text p{font-size:0.9375rem;line-height:1.7;margin-bottom:12px;color:var(--color-text)}.case-right{width:50%;padding:60px var(--case-pad-x) 60px 40px;position:sticky;top:var(--nav-height);align-self:flex-start;border:none}.case-right-inner{display:flex;flex-direction:column}.case-tldr-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:0.75rem;font-weight:400;color:var(--color-text);background:var(--color-surface);padding:5px 12px;border-radius:2px;border:none;cursor:pointer;align-self:flex-start;margin-bottom:28px;transition:background 0.2s ease;white-space:nowrap}.case-tldr-tag:hover{background:#E4E4E4}.case-tldr-tag .tldr-arrow{font-size:0.625rem;transition:transform 0.3s ease}.case-tldr-tag.active .tldr-arrow{transform:rotate(180deg)}.case-tldr-summary{display:none;margin-bottom:24px}.case-tldr-summary.visible{display:block}.case-tldr-summary p{font-size:0.9375rem;line-height:1.7;margin-bottom:10px;color:var(--color-text)}.case-full-content{display:block}.case-full-content.hidden{display:none}.case-info-section{margin-bottom:24px}.case-info-section p{font-size:0.9375rem;line-height:1.7;margin-bottom:10px}.case-info-section p strong{font-weight:600}.case-info-label{font-size:0.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-text-secondary);margin-bottom:8px}.case-list{list-style:none;padding:0;margin:8px 0}.case-list li{font-size:0.9375rem;line-height:1.7;padding-left:20px;position:relative;margin-bottom:4px}.case-list li::before{content:'—';position:absolute;left:0;color:var(--color-text-secondary)}.case-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;border:none}.case-meta-label{font-size:0.6875rem;font-weight:400;color:var(--color-text-secondary);margin-bottom:3px}.case-meta-value{font-size:0.875rem;font-weight:400;line-height:1.45}.case-meta-value a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.case-credits{margin-top:28px;border:none}.case-credits p{font-size:0.8125rem;line-height:1.6;color:var(--color-text-secondary)}.case-credits strong{color:var(--color-text);font-weight:500}.case-credits a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.case-bottom-nav{display:flex;justify-content:space-between;padding:28px var(--case-pad-x);border:none;background:var(--color-bg)}.case-bottom-nav a{font-size:0.8125rem;font-weight:400;color:var(--color-text-secondary);transition:color 0.3s ease}.case-bottom-nav a:hover{color:var(--color-text)}.case-drawer-trigger{display:none}.case-drawer-overlay{display:none}.case-drawer-panel{display:none}.about-page{padding-top:var(--nav-height);padding-bottom:40px;padding-left:48px;padding-right:48px;max-width:1440px;margin:0 auto}.about-topbar{display:flex;justify-content:space-between;align-items:baseline;padding:48px 0 36px;border-bottom:1px solid var(--color-surface);margin-bottom:48px}.about-name{font-family:var(--font-sans);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-0.03em;text-transform:uppercase;color:var(--color-text)}.about-role-title{font-family:var(--font-sans);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700;letter-spacing:-0.02em;text-transform:uppercase;color:var(--color-text)}.about-grid{display:grid;grid-template-columns:1.8fr 1fr 1.5fr;gap:56px;margin-bottom:0}.about-col-photo{position:relative}.about-photo-placeholder{width:100%;aspect-ratio:3 / 4;background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.08em}.about-col-photo img{width:100%;height:auto;display:block}.about-col-meta{display:flex;flex-direction:column;gap:28px;padding-top:2px}.about-meta-block{display:flex;flex-direction:column;gap:1px}.about-meta-label{font-family:var(--font-sans);font-size:0.8125rem;font-weight:600;color:var(--color-text);margin-bottom:6px}.about-meta-value{font-family:var(--font-sans);font-size:0.8125rem;font-weight:400;color:var(--color-text-muted);line-height:1.65}.about-meta-link{display:block;font-family:var(--font-sans);font-size:0.8125rem;font-weight:400;color:var(--color-text-muted);line-height:1.65;transition:color 0.2s ease}.about-meta-link:hover{color:var(--color-text)}.about-col-bio{padding-top:2px}.bio-line{font-family:var(--font-sans);font-size:0.9375rem;font-weight:400;line-height:1.75;color:#D0D0D0;margin-bottom:18px;transition:color 0.6s cubic-bezier(0.25,0.1,0.25,1)}.bio-line strong{font-weight:500;color:#D0D0D0;transition:color 0.6s cubic-bezier(0.25,0.1,0.25,1)}.bio-line.revealed{color:var(--color-text-secondary)}.bio-line.revealed strong{color:var(--color-text)}.brands-section{margin-top:48px}.brands-marquee{overflow:hidden;position:relative;width:100%}.brands-marquee::before,.brands-marquee::after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.brands-marquee::before{left:0;background:linear-gradient(to right,var(--color-bg),transparent)}.brands-marquee::after{right:0;background:linear-gradient(to left,var(--color-bg),transparent)}.brands-track{display:flex;gap:0;width:max-content;animation:marquee-scroll 35s linear infinite}.brands-track .brand-logo{height:32px;width:120px;object-fit:contain;padding:0 12px;opacity:0.45;transition:opacity 0.3s ease;flex-shrink:0}.brands-track .brand-logo:hover{opacity:0.85}.brands-marquee:hover .brands-track{animation-play-state:paused}.brand-logo-dark{display:none}.brand-logo-light{display:inline-block}.brands-gif-dark{display:none}.brands-track span:not(.brand-logo):not([class]){font-family:var(--font-sans);font-size:0.8125rem;font-weight:400;color:var(--color-text-muted);white-space:nowrap;padding:0 20px;transition:color 0.3s ease}@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.about-divider{border:none;border-top:1px solid var(--color-surface);margin:56px 0 48px}.about-lower-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:56px;margin-bottom:0}.about-lower-col{display:flex;flex-direction:column}.about-lower-item{font-family:var(--font-sans);font-size:0.875rem;font-weight:400;line-height:1.5;color:var(--color-text);margin:0}.about-lower-item strong{font-weight:500;color:var(--color-text)}.about-lower-item-sub{font-family:var(--font-sans);font-size:0.8125rem;font-weight:400;color:var(--color-text-muted);line-height:1.5;margin:0}.about-contact-link{font-family:var(--font-sans);font-size:0.875rem;font-weight:400;color:var(--color-text);text-decoration:none;transition:color 0.2s ease}.about-contact-link:hover{color:var(--color-text-secondary)}.about-motto{margin-top:56px;padding:36px 40px;background:var(--color-black);color:var(--color-white);transition:background 0.4s ease,color 0.4s ease}.about-motto p{font-family:var(--font-sans);font-size:1rem;font-style:italic;font-weight:300;line-height:1.6}.about-case-header{padding:calc(var(--nav-height) + 60px) var(--case-pad-x) 36px;max-width:none}.about-case-header .case-header-title{margin-bottom:0}.about-wrapper{padding-top:0}.about-wrapper .about-left{padding-top:0}.about-wrapper .about-right{padding-top:0}.about-wrapper .case-right-inner{padding-top:0}.about-industries{margin-top:4px}.about-industries .case-tag{font-size:0.6875rem;padding:4px 10px}.about-brands-inline{margin-top:36px;padding:0}.about-brands-inline .brands-marquee{margin-top:12px}.about-brands-sub{font-family:var(--font-sans);font-style:italic;font-size:0.75rem;color:var(--color-text-muted);margin-top:4px}.footer{padding:32px var(--case-pad-x);border:none}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-text{font-size:0.75rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:0.75rem;color:var(--color-text-secondary);transition:color 0.3s ease}.footer-links a:hover{color:var(--color-text)}@media (max-width:900px){:root{--nav-height:52px;--case-pad-x:20px}.nav-links{display:none}.nav-burger{display:flex}.mobile-menu{display:flex}.home-wrapper{flex-direction:column;height:auto}.home-left{width:100%;padding:40px 24px;min-height:auto}.home-right{width:100%;height:50vh;position:relative}.home-project-name{font-size:1.25rem}.case-wrapper{flex-direction:column}.case-left{width:100%;padding:20px var(--case-pad-x) 80px}.case-right{display:none}.case-drawer-panel{position:fixed;bottom:0;left:0;right:0;z-index:960;background:var(--color-bg);height:90vh;overflow:hidden;border-radius:16px 16px 0 0;padding:0;transform:translateY(100%);box-shadow:0 -2px 0 0 rgba(0,0,0,0.06),0 -12px 48px rgba(0,0,0,0.18);will-change:transform}.case-drawer-trigger{display:flex;align-items:center;gap:8px;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:900;font-family:var(--font-sans);font-size:0.8125rem;font-weight:500;letter-spacing:0.01em;color:var(--color-black);background:#FFE135;padding:13px 26px;border-radius:4px;border:none;box-shadow:0 4px 20px rgba(0,0,0,0.18);cursor:pointer;white-space:nowrap;transition:transform 0.2s ease,box-shadow 0.2s ease}.case-drawer-trigger:active{transform:translateX(-50%) scale(0.96);box-shadow:0 2px 10px rgba(0,0,0,0.12)}.case-drawer-trigger .trigger-icon{font-size:0.875rem;font-weight:400;line-height:1;opacity:0.6}.case-drawer-overlay{display:none;position:fixed;inset:0;z-index:950;background:rgba(0,0,0,1);opacity:0;pointer-events:auto}.case-drawer-handle{width:36px;height:4px;background:#CDCDCD;border-radius:2px;margin:10px auto 10px}.case-drawer-close{display:flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:0.8125rem;font-weight:400;color:var(--color-text);background:var(--color-surface);padding:7px 14px;border-radius:2px;border:none;cursor:pointer;margin-bottom:16px}.case-header-title{font-size:clamp(1.75rem,8vw,2.75rem)}.case-pullquote{font-size:clamp(1.25rem,5vw,1.625rem);margin:20px 0}.case-image-pair{grid-template-columns:1fr 1fr;gap:6px}.case-meta-grid{grid-template-columns:1fr 1fr;gap:16px}.case-bottom-nav{padding:20px var(--case-pad-x);padding-bottom:80px}.case-tldr-tag{display:none}.about-case-header{padding:calc(var(--nav-height) + 24px) var(--case-pad-x) 16px}.about-wrapper .case-left{padding-bottom:80px}.about-wrapper .about-right{display:none}.about-brands-inline{margin-top:28px}.nav{padding:0 var(--case-pad-x)}.footer{padding:24px var(--case-pad-x)}.footer-inner{flex-direction:column;gap:12px;text-align:center}}