@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500&family=Pixelify+Sans:wght@400;500;600;700&display=swap);:root{--cream:#faf9f7;--warm-white:#fefefe;--soft-beige:#f5f3f0;--light-gray:#e8e6e3;--mid-gray:#c4c2be;--charcoal:#2b2b2b;--dark-gray:#4a4a4a;--red-accent:#c94a3c;--bg-primary:var(--warm-white);--bg-secondary:var(--cream);--bg-accent:var(--soft-beige);--text-primary:var(--charcoal);--text-secondary:#6b6b6b;--text-muted:#9a9a9a;--accent-primary:var(--red-accent);--border-color:#e8e6e3;--font-serif:"Crimson Text",serif;--font-display:"Libre Baskerville",serif;--font-body:"Inter",sans-serif;--font-headers:"Pixelify Sans",cursive;--space-xs:0.75rem;--space-sm:1.5rem;--space-md:3rem;--space-lg:6rem;--space-xl:9rem;--space-xxl:12rem}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#232323;--bg-accent:#2a2a2a;--text-primary:#f5f3f0;--text-secondary:#c4c2be;--text-muted:#8a8a8a;--accent-primary:#d8766a;--border-color:#ffffff1a}[data-theme=dark] .about{background:#252321}[data-theme=dark] .work{background:#212622}[data-theme=dark] .side-projects-banner{background:#232628}[data-theme=dark] .contact{background:#282521}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fefefe;color:#2b2b2b;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-weight:300;letter-spacing:.01em;line-height:1.75;margin:0;transition:background-color .4s ease,color .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.animate-slide-left{opacity:0;transform:translateX(-40px);transition:opacity .8s ease,transform .8s ease}.animate-slide-left.in-view{opacity:1;transform:translateX(0)}.animate-slide-right{opacity:0;transform:translateX(40px);transition:opacity .8s ease,transform .8s ease}.animate-slide-right.in-view{opacity:1;transform:translateX(0)}::selection{background:#c94a3c;background:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fefefe;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#c94a3c;background:var(--accent-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}.App{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;transition:background-color .4s ease,color .4s ease}html{scroll-behavior:smooth}body,html{background:var(--bg-primary);transition:background-color .4s ease}body{overflow-x:hidden}.display-1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.2}.display-1,.display-2{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}.display-2{font-size:clamp(2rem,4vw,3rem);line-height:1.3}.heading-1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.5}.body-serif,.heading-1{font-family:var(--font-serif);font-weight:400}.body-serif{font-size:1.0625rem;line-height:1.75}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-primary)}button{cursor:pointer;font-family:var(--font-body);transition:all .3s ease}:focus-visible{outline:1px solid var(--accent-primary);outline-offset:4px}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fefefef5;border-bottom:1px solid var(--border-color);left:0;position:fixed;right:0;top:0;transition:all .4s ease;z-index:1000}[data-theme=dark] .nav{background:#1a1a1af5}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:2rem 4rem}.nav-logo{color:var(--text-primary);font-family:var(--font-serif);font-size:.875rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;transition:color .3s ease}.nav-logo:hover{color:var(--accent-primary)}.nav-links{gap:3rem}.nav-links,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.5rem;transition:all .3s ease}.theme-toggle:hover{color:var(--accent-primary)}.nav-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:300;letter-spacing:.05em;position:relative;transition:color .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:after{background:var(--accent-primary);bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-cta{background:var(--accent-primary);border:none;border-radius:2px;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:400;letter-spacing:.05em;padding:.75rem 2rem;transition:all .3s ease}.nav-cta:hover{background:#b13f32;box-shadow:0 4px 12px #c94a3c33;transform:translateY(-2px)}.mobile-nav{display:none}.hero{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0 4rem;position:relative}.hero-content-portfolio{max-width:900px;position:relative;text-align:center;z-index:2}.portfolio-image{display:block;height:auto;width:100%}.portfolio-light{display:block}.portfolio-dark,[data-theme=dark] .portfolio-light{display:none}[data-theme=dark] .portfolio-dark{display:block}.floating-icons{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-icon{animation-iteration-count:infinite;animation-timing-function:ease-in-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));height:60px;opacity:.75;position:absolute;transition:transform .3s ease,opacity .3s ease;width:60px}.floating-icon:hover{opacity:1;transform:scale(1.15)}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(8px,-12px) rotate(3deg)}50%{transform:translate(-4px,-18px) rotate(-3deg)}75%{transform:translate(10px,-8px) rotate(2deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-10px,8px) rotate(-3deg)}50%{transform:translate(15px,12px) rotate(3deg)}75%{transform:translate(-8px,4px) rotate(-2deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(10px,14px) rotate(3deg)}50%{transform:translate(-6px,8px) rotate(-3deg)}75%{transform:translate(14px,-4px) rotate(2deg)}}.icon-1{animation:float1 8s ease-in-out infinite;left:-5%;top:8%}.icon-2{animation:float2 7s ease-in-out infinite;right:-3%;top:12%}.icon-3{animation:float3 9s ease-in-out infinite;left:-8%;top:48%}.icon-4{animation:float1 6s ease-in-out infinite;right:-6%;top:52%}.icon-5{animation:float2 8.5s ease-in-out infinite;bottom:22%;left:2%}.icon-6{animation:float3 7.5s ease-in-out infinite;bottom:28%;right:4%}.icon-7{animation:float1 9.5s ease-in-out infinite;left:-2%;top:28%}.icon-8{animation:float2 8s ease-in-out infinite;bottom:12%;right:0}.hero-scroll-indicator{align-items:center;animation:fadeInUp 1.2s ease .8s both;bottom:4rem;color:var(--text-muted);display:flex;flex-direction:column;font-family:var(--font-body);font-size:.75rem;font-weight:300;gap:.5rem;left:4rem;letter-spacing:.15em;position:absolute;text-transform:uppercase}.about{background:#f3e9e1;overflow:hidden;padding:var(--space-xxl) 4rem;position:relative;will-change:transform}.about-content{display:none}.about-content-grid{grid-gap:8rem;align-items:start;display:grid;gap:8rem;grid-template-columns:1.3fr .7fr;margin:0 auto;max-width:1400px}.about-left{padding-top:2rem}.about-name{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:400;letter-spacing:-.01em;line-height:1.2}.about-intro-title,.about-name{color:var(--text-primary);margin-bottom:3rem}.about-intro-title{font-family:var(--font-headers);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;line-height:1.5}.about-intro-text{font-size:1.0625rem}.about-right{position:sticky;text-align:center;top:150px}.about-profile-wrapper{margin:0 auto 2rem;max-width:280px;position:relative;width:100%}.about-profile-image{aspect-ratio:1;border-radius:50%;height:auto;object-fit:cover;transition:transform .6s ease;width:100%}.about-profile-wrapper:hover .about-profile-image{transform:scale(1.03)}.about-profile-info{text-align:center}.about-profile-name{color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem;font-weight:400;line-height:1.2;margin-bottom:.5rem}.about-profile-title{letter-spacing:.05em;text-transform:none}.about-label,.about-profile-title{color:var(--text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:400}.about-label{letter-spacing:.2em;margin-bottom:3rem;text-transform:uppercase}.about-intro{margin-bottom:6rem}.about-intro-text{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.about-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.about-lead{color:var(--text-primary);font-family:var(--font-serif);font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.7;margin-bottom:3rem}.about-text{color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.8;margin-bottom:1.5rem}.work{background:#dfe7dc;overflow:hidden;padding:var(--space-xxl) 0 var(--space-lg) 0;position:relative;will-change:transform}.work-header{margin:0 auto 8rem;max-width:900px;padding:0 4rem;text-align:center}.work-label{color:var(--text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:.2em;margin-bottom:2rem;text-transform:uppercase}.work-title{color:var(--text-primary);font-family:var(--font-headers);font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.01em;margin-bottom:0}.case-studies-grid{display:flex;flex-direction:column;gap:10rem;margin:0 auto;max-width:1400px;padding:0 4rem}.case-study-card{grid-gap:6rem;align-items:start;cursor:pointer;display:grid;gap:6rem;grid-template-columns:1fr 1fr;position:relative;transition:transform .6s ease}.case-study-card:nth-child(2n){direction:rtl}.case-study-card:nth-child(2n)>*{direction:ltr}.case-study-image{aspect-ratio:4/3;overflow:hidden;position:relative;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.case-study-card:hover .case-study-image{transform:scale(1.02)}.case-study-image img{display:block;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94);width:100%}.case-study-image video{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.case-study-card:hover .case-study-image video{opacity:1}.case-study-card:hover .case-study-image img{transform:scale(1.05)}.case-study-info{padding:2rem 0}.case-study-meta{color:var(--text-muted);display:flex;font-family:var(--font-body);font-size:.75rem;font-weight:300;gap:1rem;letter-spacing:.15em;margin-bottom:2rem;text-transform:uppercase}.case-study-company,.case-study-year{color:inherit}.case-study-title{color:var(--text-primary);font-family:var(--font-headers);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:1.5rem;transition:color .3s ease}.case-study-card:hover .case-study-title{color:var(--accent-primary)}.case-study-note{font-size:.875rem;font-style:italic;margin-bottom:1rem}.case-study-description,.case-study-note{color:var(--text-secondary);font-family:var(--font-serif)}.case-study-description{font-size:1.0625rem;line-height:1.75;margin-bottom:2.5rem}.case-study-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.case-study-tag{background:#0000;border:1px solid var(--border-color);cursor:default;font-size:.75rem;letter-spacing:.05em;padding:.5rem 1rem;pointer-events:none}.case-study-impact,.case-study-tag{color:var(--text-secondary);font-family:var(--font-body);font-weight:300}.case-study-impact{font-size:.9375rem;margin-bottom:2rem}.case-study-impact strong{color:var(--text-primary);font-weight:400}.case-study-cta{align-items:center;border-bottom:1px solid #0000;color:var(--text-primary);display:inline-flex;font-family:var(--font-body);font-size:.875rem;font-weight:300;gap:.75rem;letter-spacing:.05em;padding-bottom:2px;transition:all .4s ease}.case-study-card:hover .case-study-cta{border-bottom-color:var(--accent-primary);color:var(--accent-primary);gap:1rem}.side-projects-banner{background:#d97b7a!important;overflow:hidden;padding:var(--space-xl) 4rem;position:relative}[data-theme=dark] .side-projects-banner{background:#b85c5b!important}.side-projects-content{margin:0 auto;max-width:1400px}.side-projects-header{margin-bottom:4rem;max-width:600px}.side-projects-label{color:var(--text-primary);font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:.2em;margin-bottom:2rem;opacity:.7;text-transform:uppercase}.side-projects-title{color:var(--text-primary);font-family:var(--font-headers);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:1.5rem}.side-projects-subtitle{color:var(--text-primary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.75;opacity:.85}[data-theme=dark] .side-projects-label{color:#ffffffb3;opacity:1}[data-theme=dark] .side-projects-title{color:#fff}[data-theme=dark] .side-projects-subtitle{color:#ffffffd9;opacity:1}.side-projects-bento{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;height:600px}.bento-item{cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.bento-item:hover{transform:scale(1.02)}.bento-item img{background:#fff;display:block;height:100%;object-fit:contain;width:100%}.bento-small:first-of-type img{margin:auto;max-height:45%;max-width:45%;object-fit:contain;padding:4rem;position:relative;top:50%;transform:translateY(-50%)}.bento-small:last-of-type img{object-fit:cover;object-position:center 58%;padding:0;transform:scale(2.2)}.bento-large{grid-row:1/3;position:relative}.bento-small{background:#0000001a}.bento-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.bento-large:hover .bento-overlay,.bento-small:hover .bento-overlay{opacity:1}.bento-overlay-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.bento-overlay-text{color:#fff;font-family:var(--font-body);font-size:.875rem;font-weight:400;letter-spacing:.05em;text-align:center}.bento-overlay-small svg{color:#fff;opacity:.8}.bento-cta{align-items:center;border:1px solid #ffffff80;border-radius:2px;color:#fff;display:inline-flex;font-family:var(--font-body);font-size:.875rem;font-weight:400;gap:.75rem;letter-spacing:.05em;padding:1rem 2rem;transition:all .3s ease}.bento-cta:hover{background:#ffffff1a;border-color:#fff}.modal-overlay{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.modal-content{cursor:default;max-height:90vh;max-width:90vw;position:relative}.modal-image{height:100%;max-height:90vh;object-fit:contain;width:100%}.modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;position:absolute;right:0;top:-3rem;transition:opacity .3s ease}.modal-close:hover{opacity:.7}.contact{background:#f9f5f1;overflow:hidden;padding:var(--space-xxl) 4rem;position:relative;text-align:center;will-change:transform}.contact-content{margin:0 auto;max-width:800px}.contact-label{color:var(--text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:.2em;margin-bottom:2rem;text-transform:uppercase}.contact-title{color:var(--text-primary);font-family:var(--font-headers);font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.01em;margin-bottom:2rem}.contact-text{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.125rem;line-height:1.75;margin-bottom:4rem}.contact-info{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.contact-email{align-items:center;background:#0000;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.875rem;font-weight:300;gap:.75rem;letter-spacing:.05em;padding:1rem 2rem;text-decoration:none;transition:all .4s ease}.contact-email:hover{border-color:var(--text-primary);color:var(--text-primary);transform:translateY(-2px)}.linkedin-link{align-items:center;background:#0000;border:1px solid var(--border-color);color:var(--text-primary);display:inline-flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.linkedin-link:hover{border-color:var(--text-primary);color:var(--text-primary);transform:translateY(-2px)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 4rem}.footer-content{margin:0 auto;max-width:1400px;text-align:center}.footer-copyright{color:var(--text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:300;letter-spacing:.05em}@media (max-width:1024px){.hero-content{gap:4rem;grid-template-columns:1fr}.case-study-card,.case-study-card:nth-child(2n){direction:ltr;gap:3rem;grid-template-columns:1fr}.side-projects-card{gap:4rem;grid-template-columns:1fr}.side-projects-left{max-width:100%}}@media (max-width:768px){body{font-size:.875rem;overflow-x:hidden}*,img{max-width:100%}img{height:auto}.nav-content{padding:1.5rem 2rem}.nav-name{font-size:.75rem;letter-spacing:.15em}.desktop-nav{display:none}.mobile-nav{align-items:center;display:flex;gap:1rem}.hamburger-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:.5rem}.hamburger-btn span{background:var(--text-primary);height:1px;transition:all .3s ease;width:20px}.hero{padding:0 2rem}.hero-content{padding:6rem 0}.hero-scroll-indicator{font-size:.625rem;left:2rem}.hero-scroll-indicator span{font-size:.625rem}.about-name,.contact-title,.side-projects-title,.work-title{font-size:clamp(1.5rem,5vw,2rem)}.about-label,.side-projects-label,.work-label{font-size:.625rem;letter-spacing:.15em}.case-study-meta,.case-study-tags{font-size:.75rem}.case-study-title{font-size:1.25rem}.case-study-description{font-size:.875rem}.about-intro-title{font-size:1.125rem}.about-text{font-size:.875rem;line-height:1.7}.about-profile-name{font-size:1.25rem}.about-profile-title{font-size:.75rem}.side-projects-subtitle{font-size:.9375rem}.bento-cta,.bento-overlay-text{font-size:.875rem}.contact-info{flex-direction:column;gap:1.5rem}.contact-link{font-size:.875rem}.footer{padding:2rem}.footer-content{font-size:.75rem}.about,.contact,.side-projects-banner,.work{padding:var(--space-lg) 2rem}.case-studies-grid{gap:6rem;padding:0 2rem}.case-study-card{gap:2rem}.side-projects-card{gap:3rem}.about-content-grid{gap:4rem;grid-template-columns:1fr}.about-right{position:relative;top:0}.side-projects-bento{gap:1rem;grid-template-columns:1fr;grid-template-rows:auto;height:auto}.bento-large{grid-row:auto;height:400px}.bento-small{height:300px}.bento-item img{height:100%;width:100%}}.mobile-menu{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem;left:0;padding:2rem;position:absolute;right:0;top:100%}.mobile-menu-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:300;letter-spacing:.05em;padding:.75rem 0;text-align:left;transition:color .3s ease}.mobile-menu-link:hover{color:var(--text-primary)}.nav-cta-mobile{background:var(--accent-primary);border:none;color:#fff;display:inline-block;font-family:var(--font-body);font-size:.875rem;font-weight:400;letter-spacing:.05em;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-cta-mobile:hover{background:#b13f32}.case-study-detail{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.detail-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-bottom:1px solid var(--border-color);left:0;padding:2rem 0;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s ease;z-index:100}.detail-header.hidden{transform:translateY(-100%)}[data-theme=dark] .detail-header{background:#1a1a1afa}.detail-header-content{margin:0 auto;max-width:1400px;padding:0 4rem}.back-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.875rem;font-weight:300;gap:.75rem;letter-spacing:.05em;transition:all .3s ease}.back-button:hover{color:var(--text-primary);gap:1rem}.detail-hero{background:var(--bg-primary);overflow:hidden;padding-top:88px;width:100%}.hero-image,.hero-video{display:block;height:auto;max-height:85vh;object-fit:cover;width:100%}.detail-content{background:var(--bg-primary);padding:var(--space-lg) 0}.content-container{margin:0 auto;max-width:1400px;padding:0 4rem}.article-content-compact,.content-two-column{grid-gap:6rem;align-items:start;display:grid;gap:6rem;grid-template-columns:1fr 1fr}.article-content-compact .cs-section{margin-bottom:5rem}.article-content-compact .cs-section:nth-child(odd){grid-column:1}.article-content-compact .cs-section:nth-child(2n){grid-column:2}.step-label{color:var(--text-muted);display:block;font-family:var(--font-body);font-size:.6875rem;font-weight:400;letter-spacing:.2em;margin-bottom:3rem;text-transform:uppercase}.project-title{color:var(--text-primary);font-family:var(--font-headers);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;grid-column:1/-1;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem}.project-note{font-size:.9375rem;font-style:italic;line-height:1.7;margin-bottom:2rem}.project-note,.project-subtitle{color:var(--text-secondary);font-family:var(--font-serif);grid-column:1/-1}.project-subtitle{font-size:1.25rem;line-height:1.75;margin-bottom:4rem}.metrics-section{grid-gap:3rem;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:grid;gap:3rem;grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-bottom:6rem;padding:3rem 0}.metric-card{background:#0000;padding:0;text-align:center}.metric-value{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1;margin-bottom:1rem}.metric-label{color:var(--text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase}.metrics-compact{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:2rem;grid-column:1/-1;margin:3rem 0 5rem;padding:2rem 0}.metric-card-compact{flex:1 1}.metric-value-compact{color:var(--text-primary);display:block;font-family:var(--font-body);font-size:.875rem;line-height:1.6}.section{margin-bottom:4rem}.section-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400;letter-spacing:-.01em;line-height:1.3;margin-bottom:2rem}.section-content{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85}.section-content p{margin-bottom:1.5rem}.section-content strong{color:var(--text-primary);display:block;font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-top:2rem}.highlight-text{border:none;color:var(--text-primary);font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2rem);font-style:italic;font-weight:400;line-height:1.5;margin:6rem 0;padding:0;text-align:center}.detail-list{list-style:none;margin:3rem 0;padding:0}.detail-list li{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85;margin-bottom:2rem;padding-left:0;position:relative}.detail-list li:before{color:var(--text-muted);font-weight:300;position:absolute}.detail-list li:before,.detail-list.bulleted li:before{content:"•";font-size:.875rem;left:-1.25rem}.interview-question{color:var(--text-primary);font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1.5;margin-bottom:1.5rem;margin-top:4rem}.interview-answer{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85;margin-bottom:3rem}.image-section{margin:8rem -4rem}.image-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr}.image-grid-2col{gap:1rem;grid-template-columns:1fr 1fr}.image-wrapper{background:#0000;overflow:hidden;position:relative}.detail-image{display:block;height:auto;width:100%}.image-caption{color:var(--text-muted);font-family:var(--font-body);font-size:.8125rem;font-style:normal;letter-spacing:.02em;line-height:1.6;margin-left:4rem;margin-right:4rem;margin-top:1.5rem;text-align:left;text-transform:uppercase}.process-steps{margin:6rem 0}.process-step{border-bottom:none;margin-bottom:6rem;padding-bottom:0}.process-step:last-child{border-bottom:none;margin-bottom:0}.process-step-number{color:var(--text-muted);font-family:var(--font-body);font-size:.6875rem;font-weight:400;letter-spacing:.15em;margin-bottom:1.5rem;text-transform:uppercase}.process-step-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;letter-spacing:-.01em;line-height:1.3;margin-bottom:2rem}.process-step-content{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85}.features-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr;margin:6rem 0}.feature-card{background:#0000;border-bottom:1px solid var(--border-color);padding:0 0 4rem;transition:none}.feature-card:hover{box-shadow:none;transform:none}.feature-card:last-child{border-bottom:none;padding-bottom:0}.feature-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:400;letter-spacing:-.01em;margin-bottom:1.5rem;text-transform:none}.feature-description{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85}.challenge-solution-pair{background:#0000;margin-bottom:6rem;padding:0}.challenge{margin-bottom:3rem}.challenge-label,.solution-label{font-family:var(--font-body);font-size:.6875rem;font-weight:400;letter-spacing:.15em;margin-bottom:1.5rem;text-transform:uppercase}.challenge-label{color:var(--text-muted)}.solution-label{color:var(--text-primary)}.challenge-text,.solution-text{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85}.impact-section{background:var(--bg-secondary);color:var(--text-primary);margin:8rem -4rem;padding:8rem 4rem;text-align:left}.impact-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400;letter-spacing:-.01em;line-height:1.3;margin-bottom:3rem}.impact-stats{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr;margin-top:0}.impact-stat{border-bottom:1px solid var(--border-color);padding:0 0 2rem}.impact-stat:last-child{border-bottom:none;padding-bottom:0}.impact-stat-value{color:var(--text-primary);font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:1rem}.impact-stat-label{color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:300;letter-spacing:.02em;text-transform:none}.learnings-section{background:#0000;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);color:var(--text-primary);margin:6rem 0;padding:6rem 0}.learnings-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400;letter-spacing:-.01em;line-height:1.3;margin-bottom:3rem}.learnings-list{list-style:none;padding:0}.learnings-list li{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85;margin-bottom:2rem;padding-left:0;position:relative}.learnings-list li:before{color:var(--text-muted);content:"•";font-size:.875rem;font-weight:300;left:-1.25rem;position:absolute}.next-case-study{background:var(--bg-secondary);margin-top:8rem;padding:8rem 4rem;text-align:left}.next-case-study-label{color:var(--text-muted);font-family:var(--font-body);font-size:.6875rem;font-weight:400;letter-spacing:.2em;margin-bottom:2rem;text-transform:uppercase}.next-case-study-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.01em;line-height:1.2;margin-bottom:3rem}.next-case-study-button{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--text-primary);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.875rem;font-weight:300;gap:.75rem;letter-spacing:.05em;padding:0 0 4px;transition:all .4s ease}.next-case-study-button:hover{background:#0000;border-bottom-color:var(--accent-primary);box-shadow:none;color:var(--accent-primary);gap:1rem;transform:none}.article-content-compact,.article-content-compact p{font-family:var(--font-serif)}.article-content-compact p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.85;margin-bottom:2rem}.article-content-compact .cs-section{margin-bottom:6rem}.article-content-compact .cs-section-title{color:var(--text-muted);font-family:var(--font-body);font-size:.6875rem;font-weight:400;letter-spacing:.2em;margin-bottom:3rem;text-transform:uppercase}.article-content-compact .cs-subsection-headline{color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem;font-weight:400;line-height:1.3;margin-bottom:1rem;margin-top:2.5rem}.article-content-compact .cs-subsection-headline:first-of-type{margin-top:0}.article-content-compact .cs-list-compact{list-style:none;margin:2rem 0;padding:0}.article-content-compact .cs-list-compact li{color:var(--text-secondary);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85;margin-bottom:1.5rem;padding-left:0;position:relative}.article-content-compact .cs-list-compact li:before{color:var(--text-muted);content:"•";font-size:.875rem;font-weight:300;left:-1.25rem;position:absolute}@media (max-width:1024px){.content-container{max-width:700px;padding:0 3rem}.image-section{margin:6rem -3rem}.image-caption{margin-left:3rem;margin-right:3rem}.impact-section{margin:6rem -3rem;padding:6rem 3rem}}@media (max-width:768px){body{font-size:.875rem;overflow-x:hidden}*,img{max-width:100%}img{height:auto}.detail-header-content{padding:0 2rem}.back-button,.back-button span{font-size:.75rem}.project-header{padding:8rem 2rem 4rem}.project-title{font-size:1.75rem;line-height:1.2}.project-meta{font-size:.75rem}.project-description{font-size:.9375rem}.article-content,.article-content-compact{display:block!important;max-width:100%!important;padding:3rem 2rem;width:100%!important}.article-content-compact,.article-content-compact.content-two-column,.content-two-column{display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;grid:none!important}.cs-section{display:block!important;grid-column:unset!important;margin-bottom:4rem!important;width:100%!important}.cs-section,.cs-section *{max-width:100%!important}.cs-section-title{font-size:.5rem;letter-spacing:.15em;margin-bottom:2rem}.cs-subsection-headline{font-size:1.125rem;line-height:1.3;margin-bottom:.75rem;margin-top:2rem}.article-content-compact p,.cs-section p{font-size:.875rem;line-height:1.7;margin-bottom:1.5rem}.cs-list-compact li{font-size:.875rem}.metrics-compact,.metrics-section{display:flex!important;flex-direction:column!important;gap:1.5rem;margin:2rem 0 4rem;padding:2rem 0;width:100%!important}.image-caption,.metric-value-compact{font-size:.75rem}.image-caption{margin-left:2rem;margin-right:2rem}.project-footer{padding:3rem 2rem}.content-container{max-width:100%;padding:0 2rem}.section-title{font-size:1.25rem}.highlight-text{font-size:1.125rem;margin:4rem 0}.image-section{margin:4rem -2rem}.image-grid-2col{gap:1rem;grid-template-columns:1fr}.impact-section,.next-case-study{margin:4rem -2rem;padding:4rem 2rem}.metrics-section{gap:3rem}.detail-list li:before,.learnings-list li:before{left:-1rem}}
/*# sourceMappingURL=main.fb48e2e7.css.map*/