:root{--color-bg:#ffffff;--color-text:#0a0a0a;--color-text-muted:#c9c9c9;--color-border:#000000;--color-bg-light:#f5f5f5;--color-bg-lighter:#ffffff;--color-bg-dark:#1c1616;--color-bg-muted:hsl(26,14%,90%);--color-primary:#0a0a0a;--color-primary-inverse:#ffffff;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-heading:var(--font-family-base);--font-family-handwriting:"Nothing You Could Do",cursive;--font-size-sm:0.8rem;--font-size-base:1rem;--font-size-md:1.2rem;--font-size-lg:2rem;--font-size-xl:3rem;--font-size-xxl:6rem;--font-size-giant:8rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-base:1.6;--line-height-heading:1.1;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-lg-plus:6rem;--spacing-xl:8rem;--spacing-xxl:12rem;--container-width:1400px;--container-padding:2rem;--transition-fast:200ms ease;--transition-normal:400ms cubic-bezier(0.25,1,0.5,1);--transition-slow:800ms cubic-bezier(0.16,1,0.3,1)}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-base);color:var(--color-text);background-color:var(--color-bg);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}p{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading)}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--container-padding)}.section{padding-block:var(--spacing-xl)}.section-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:capitalize;line-height:var(--line-height-lg);letter-spacing:-0.03em}.section-bg-light{background-color:var(--color-bg-light)}.text-center{text-align:center}.text-left{text-align:left}.section-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-black);text-transform:uppercase;line-height:0.9;letter-spacing:-0.03em}.project-page{font-size:var(--font-size-xl)}.section-title.giant{font-size:var(--font-size-giant)}.section-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.label-box{background-color:var(--color-primary);color:var(--color-primary-inverse);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:0.05em}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:0.05em;border-radius:999px;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-inverse);border:1px solid var(--color-primary)}.btn-primary:hover{background-color:transparent;color:var(--color-primary)}.btn-outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-primary-inverse)}.btn-block{display:block;width:100%;text-align:center}.btn-text{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid transparent;padding-bottom:2px;-webkit-transition:border-bottom-color var(--transition-fast);transition:border-bottom-color var(--transition-fast)}.btn-text:hover{border-bottom-color:var(--color-primary)}.arrow{display:inline-block;-webkit-transition:-webkit-transform var(--transition-fast);transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.btn-text:hover .arrow{-webkit-transform:translateX(4px);transform:translateX(4px)}.header{position:fixed;top:0;left:0;width:100%;background-color:rgba(247,247,247,0.9);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--color-border)}.container-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:80px}.logo-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase}.logo-location{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-md)}.nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;-webkit-transition:color var(--transition-fast);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-muted)}.header-action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-sm)}.hamburger-btn{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;z-index:101}.hamburger-btn span{width:30px;height:2px;background-color:var(--color-primary);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);-webkit-transform-origin:1px;transform-origin:1px}.hero{min-height:85vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:var(--spacing-xxl);text-align:center;gap:var(--spacing-lg);position:relative;overflow:hidden;background-color:var(--color-bg-dark)}#hero-fx{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0.8}.hero-container{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-md)}.hero-hey{font-family:var(--font-family-handwriting);font-size:var(--font-size-lg);line-height:var(--line-height-lg);position:absolute;top:5%;left:18%}.hey-text{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);display:inline-block;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);color:var(--color-primary-inverse)}.hero-title{font-size:var(--font-size-giant);font-weight:var(--font-weight-black);letter-spacing:-0.04em;line-height:1;color:var(--color-primary-inverse)}.hero-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted)}.hero-pre-title{font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted)}.about-container{max-width:800px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-lg)}.about-text{font-size:var(--font-size-md);line-height:1.6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md)}.about-text p{margin:0}.section-title.selected-work{font-size:var(--font-size-xl)}.disabled{pointer-events:none;cursor:not-allowed;opacity:0.5}.about{background-color:var(--color-bg-muted)}.work .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-lg)}.work-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-lg) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.work-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-sm);position:relative}.work-img-wrapper{overflow:hidden;background-color:#eaeaea;aspect-ratio:3/2;border-radius:16px}.work-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px;-webkit-transition:-webkit-transform var(--transition-slow);transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow)}.hover-lift:hover .work-img{-webkit-transform:scale(1.03);transform:scale(1.03)}.coming-soon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);z-index:10}.work-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-xs);font-size:var(--font-size-sm);text-transform:uppercase;font-weight:var(--font-weight-bold)}.work-category{font-weight:var(--font-weight-regular)}.skills-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-lg)}.skills-sidebar{-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px}.skills-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.skills-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)}.skills-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}.toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:1px solid var(--color-border)}.toggle-btn:first-child{border-right:none}.toggle-btn.active{background-color:var(--color-primary);color:var(--color-primary-inverse);border-color:var(--color-primary)}.skills-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-lg) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.skill-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.skill-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase}.skill-cat{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.skill-bar{display:none}.contact-container{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-xl) 1fr;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md)}.contact-desc{font-size:var(--font-size-lg);max-width:80%}.contact-email{display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-primary);padding-bottom:4px}.social-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-md)}.social-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border:1px solid var(--color-border);border-radius:50%;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.social-link:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-inverse)}.contact-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md);background:var(--color-bg);padding:var(--spacing-lg);border:1px solid var(--color-border);-webkit-box-shadow:0 10px 40px rgba(0,0,0,0.05);box-shadow:0 10px 40px rgba(0,0,0,0.05)}.form-row{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-md) 1fr;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;gap:var(--spacing-xs)}.form-group label{font-size:0.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.form-group input,.form-group textarea{border:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-xs) 0;font-family:inherit;font-size:var(--font-size-base);outline:none;background:transparent;-webkit-transition:border-color var(--transition-fast);transition:border-color var(--transition-fast)}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary)}.footer{border-top:1px solid var(--color-border);padding-block:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section.about-me{background-color:var(--color-bg-dark);color:var(--color-primary-inverse);position:relative;height:80vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.timeline{position:relative;max-width:800px;margin:0 auto;padding:var(--spacing-sm) 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-lg)}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:20px;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-left:60px;-webkit-transition:-webkit-transform var(--transition-normal);transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-xs)}.hover-lift-timeline:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.timeline-dot{position:absolute;left:12px;top:6px;width:18px;height:18px;background:var(--color-primary);border-radius:50%;z-index:2;-webkit-transition:background-color var(--transition-fast),-webkit-transform var(--transition-fast);transition:background-color var(--transition-fast),-webkit-transform var(--transition-fast);transition:transform var(--transition-fast),background-color var(--transition-fast);transition:transform var(--transition-fast),background-color var(--transition-fast),-webkit-transform var(--transition-fast)}.hover-lift-timeline:hover .timeline-dot{-webkit-transform:scale(1.3);transform:scale(1.3)}.timeline-date{font-size:var(--font-size-md);font-weight:var(--font-weight-black);color:var(--color-text-muted);display:block}.timeline-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);text-transform:uppercase}.timeline-desc{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-base);max-width:600px}.project-hero{position:relative;min-height:calc(80vh + 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-size:100vw auto;background-position:center;background-repeat:no-repeat;color:var(--color-primary-inverse)}.project-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(10,10,10,0.4)),to(rgba(10,10,10,0.9)));background:linear-gradient(to bottom,rgba(10,10,10,0.4),rgba(10,10,10,0.9));z-index:1}.project-hero-content{position:relative;z-index:2;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-lg)}.project-hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:var(--font-weight-black);line-height:var(--line-height-heading);text-transform:uppercase;max-width:900px}.project-hero-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-lg)}.btn-projects{color:var(--color-text);background-color:var(--color-primary-inverse)}.btn-projects:hover{background-color:var(--color-primary);color:var(--color-text-muted)}.meta-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.meta-label{font-size:var(--font-size-sm);text-transform:uppercase;font-weight:var(--font-weight-bold);color:rgba(255,255,255,0.7);margin-bottom:4px}.meta-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.team-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-md)}.team-member{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-xs);text-decoration:none;color:inherit;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.team-member:hover{opacity:0.7}.team-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0}.team-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.team-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.team-role{font-size:var(--font-size-sm);color:rgba(255,255,255,0.7)}.projects{padding-bottom:var(--spacing-lg-plus)}.projects-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-lg)}.container-split{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:var(--spacing-xl)}.project-intro{padding-top:var(--spacing-xl)}.intro-split{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-xl)}.intro-split.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.intro-split-text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md)}.intro-split-text p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text)}.intro-split-img{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:12px;overflow:hidden}.intro-split-img img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;border-radius:12px}.data-findings{padding:none;font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text)}.data-findings li{margin-bottom:var(--spacing-sm)}.strong{font-weight:var(--font-weight-semibold)}.archetypes{background-color:var(--color-bg-light)}.archetypes-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-lg) 1fr var(--spacing-lg) 1fr;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.archetype-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:var(--spacing-sm);background:var(--color-bg-lighter);padding:var(--spacing-md);border-radius:16px;-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.1);box-shadow:0 10px 10px rgba(0,0,0,0.1);-webkit-transition:-webkit-transform var(--transition-fast);transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.archetype-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.archetype-icon{width:100px;height:100px;border-radius:50%;background-color:var(--color-primary);color:var(--color-primary-inverse);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--spacing-xs)}.archetype-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-transform:uppercase}.archetype-desc{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-base)}.process-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-lg) 1fr;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.process-card{background:var(--color-bg-light);padding:var(--spacing-lg);border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-sm);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.1);box-shadow:0 10px 10px rgba(0,0,0,0.1)}.process-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase}.process-card p{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text)}.process-steps{max-width:800px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md)}.process-list{list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.process-list li{font-size:var(--font-size-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);color:var(--color-text);line-height:var(--line-height-base)}.process-list li:last-child{border-bottom:none}.process-list li strong{font-weight:var(--font-weight-bold)}.insights-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md)}.insights-content{max-width:900px;margin:0 auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md)}.insight-text{font-size:clamp(1.2rem,1.7rem,2rem);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);font-style:italic;color:var(--color-text)}.wireframe-split{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-xl)}.wireframe-split-img{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;border-radius:12px;overflow:hidden;background:var(--color-bg-light)}.wireframe-split-img img{width:100%;height:auto;display:block}.wireframe-split-text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md)}.wireframe-split-text p{font-size:var(--font-size-md);line-height:var(--line-height-base)}.final-design .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-md)}.unaligned-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-xxl)}.unaligned-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--spacing-xl);position:relative}.unaligned-item:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.unaligned-item-img{border-radius:12px;overflow:hidden;-webkit-box-shadow:0 10px 40px rgba(0,0,0,0.1);box-shadow:0 10px 40px rgba(0,0,0,0.1)}.unaligned-item-img img{width:auto;display:block;-o-object-fit:contain;object-fit:contain}.unaligned-item-text{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:var(--spacing-xxl);font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-sm);position:sticky;top:35%}.floating-btt{position:fixed;bottom:calc(var(--spacing-md) + 64px);right:var(--spacing-md);width:50px;height:50px;border-radius:50%;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity var(--transition-fast),background-color var(--transition-fast),-webkit-transform var(--transition-fast);transition:opacity var(--transition-fast),background-color var(--transition-fast),-webkit-transform var(--transition-fast);transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),-webkit-transform var(--transition-fast);cursor:pointer}.floating-btt.visible{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.floating-btt .arrow{font-size:var(--font-size-md);line-height:1;-webkit-transition:-webkit-transform var(--transition-fast);transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.floating-btt:hover .arrow{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transform-origin:center;transform-origin:center}.reflections-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-lg) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.reflection-card{background:var(--color-bg-light);padding:var(--spacing-lg);border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-sm);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.1);box-shadow:0 10px 10px rgba(0,0,0,0.1)}.reflection-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase}.reflection-card p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text)}@media (max-width:1024px){:root{--font-size-giant:5rem;--font-size-xxl:4rem}.skills-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.skills-sidebar{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (max-width:992px){:root{--font-size-giant:3.5rem;--font-size-xxl:2.5rem;--spacing-xl:4rem;--spacing-xxl:6rem}.intro-split,.intro-split.reverse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.unaligned-item,.unaligned-item:nth-child(2n),.wireframe-split{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contact-form{padding:var(--spacing-md)}.form-row{-ms-grid-columns:1fr;grid-template-columns:1fr}.work-img{-o-object-fit:cover;object-fit:cover;height:auto}.unaligned-item-text{margin-top:var(--spacing-sm)}.unaligned-item-img,.wireframe-split-img{width:100%}.archetypes-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.process-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.reflections-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.hamburger-btn{display:-webkit-box;display:-ms-flexbox;display:flex}.nav-links{position:fixed;top:0;right:-100%;width:60%;height:100vh;background-color:var(--color-bg);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:right var(--transition-normal);transition:right var(--transition-normal);-webkit-box-shadow:-10px 0 30px rgba(0,0,0,0.1);box-shadow:-10px 0 30px rgba(0,0,0,0.1)}.nav-links.nav-open{right:0}.hamburger-btn.nav-open span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger-btn.nav-open span:nth-child(2){opacity:0}.hamburger-btn.nav-open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header-action{display:none}.work-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.contact-container{-ms-grid-columns:1fr;grid-template-columns:1fr}.skills-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.timeline:before{left:10px}.timeline-item{padding-left:40px}.timeline-dot{left:2px;width:14px;height:14px}.hover-lift-timeline:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.project-hero-content{gap:var(--spacing-md);padding-bottom:50px}.project-hero-meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-sm)}.project-hero-title{font-size:2.5rem}.intro-split-img{width:100%}.project-page{font-size:var(--font-size-lg)}.meta-value{font-size:var(--font-size-md)}.process-card{padding:var(--spacing-md)}.insight-text{font-size:var(--font-size-md)}.reflection-card{padding:var(--spacing-md)}.contact-desc{font-size:var(--font-size-md)}.hero-hey{top:15%}}@media (max-width:600px){.hero-hey{display:none;visibility:hidden}}