@import"https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=MuseoModerno:wght@400;700;800&display=swap";:root{color-scheme:light;--bg-base: #EFEEE9;--bg-surface: #E7E5DF;--text-primary: #16120E;--text-muted: #6B655C;--accent-primary: #E4562A;--border-default: #D8D5CC;--state-error: #B3341A;--state-success: #3E6B4A;--font-display: "Archivo Black", "Anton", "Helvetica Neue", Impact, sans-serif;--font-body: "Figtree", "Inter", -apple-system, "Segoe UI", sans-serif;--fs-display: clamp(4rem, 13vw, 12rem);--fs-title: clamp(2.5rem, 6vw, 5rem);--fs-heading: clamp(1.75rem, 3vw, 2.75rem);--fs-body-lg: 1.25rem;--fs-body: 1rem;--fs-micro: .75rem;--lh-display: .88;--lh-body: 1.45;--ls-display: -.02em;--ls-micro: .08em;--page-margin: 8vw;--gutter: 4vw;--section-rhythm: 14vh;--measure: 62ch;--radius-media: 20px;--radius-layout: 0;--radius-pill: 999px;--grain-opacity: .035;--grain-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");--ease: cubic-bezier(.65, 0, .35, 1);--dur-ui: .3s;--dur-entrance: .8s}:root[data-theme=dark]{color-scheme:dark;--bg-base: #16120E;--bg-surface: #201B16;--text-primary: #EFEEE9;--text-muted: #9A9186;--accent-primary: #F2683B;--border-default: #2C2620;--state-error: #E8705A;--state-success: #7FA98A}:root{--bg-primary: #5e5e5e;--bg-secondary: #858480;--legacy-accent-primary: #FF4500;--accent-secondary: #dcb482;--legacy-text-primary: #f3f0e8;--text-secondary: #b0b9a8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--legacy-text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at bottom right,rgba(168,85,247,.15) 0%,transparent 40%)}h1,h2,h3{font-weight:800;line-height:1.2;margin-bottom:1rem}p{color:var(--text-secondary);font-weight:300}a{color:var(--legacy-accent-primary);text-decoration:none;transition:var(--transition-smooth)}a:hover{filter:brightness(1.2)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px}button{border-radius:12px;border:none;padding:.8em 1.6em;font-size:1rem;font-weight:600;font-family:inherit;background:linear-gradient(135deg,var(--legacy-accent-primary),var(--accent-secondary));color:#fff;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #6366f14d}button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}button:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;height:100vh;width:100vw;-webkit-overflow-scrolling:touch}.full-page-slide{flex:0 0 100vw;height:100vh;position:relative;overflow:hidden}.mobile-hero{display:flex;flex-direction:column}.mobile-intro{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;position:relative;background-color:#ff4500;color:#1a1a1a;cursor:none}.mobile-nav{position:absolute;top:2rem;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;width:100%;padding:0 1rem}.mobile-nav-link{display:flex;align-items:center;gap:6px;color:#1a1a1a;text-decoration:none;font-size:.85rem;letter-spacing:1px;opacity:.9;transition:opacity .3s ease}.mobile-nav-link:hover{opacity:1}.mobile-nav-link:hover .nav-circle{width:30px;height:30px}.mobile-nav-link:hover .nav-arrow{opacity:1;transform:translate(0)}.mobile-title{font-family:MuseoModerno,cursive;font-size:clamp(3rem,20vw,15rem);font-weight:800;margin-bottom:.5rem;line-height:.9;color:#1a1a1a;background:none;-webkit-text-fill-color:initial}.mobile-description{font-size:1.1rem;max-width:300px;line-height:1.2;color:#1a1a1a;opacity:1}.mobile-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);opacity:.8;font-size:.85rem;letter-spacing:2px;color:#1a1a1a;animation:mobileBounce 2s infinite}@keyframes mobileBounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.mobile-projects-wrapper{position:relative}.mobile-project-sticky{position:sticky;top:0;height:100vh}.mobile-project-card{height:100%;width:100%;position:relative;overflow:hidden;box-shadow:0 -10px 40px #0000004d}.mobile-project-bg{position:absolute;width:100%;height:50%;top:5em}.mobile-project-number{position:absolute;top:2rem;left:1.5rem;font-size:1rem;color:#fffc;z-index:10}.mobile-project-info{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.8),transparent);color:#fff;display:flex;flex-direction:column;gap:1rem;min-height:40vh;justify-content:flex-start}.mobile-project-row{display:flex;align-items:center;justify-content:space-between;width:100%}.top-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.mobile-project-year{border:1px solid rgba(255,255,255,.6);border-radius:50px;padding:2px 8px;font-size:.8rem;opacity:.8}.mobile-project-art-dir{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;opacity:.7;margin-right:auto;padding-left:.5rem}.mobile-project-desc{font-size:.8rem;opacity:.8;text-align:right;max-width:100%;line-height:1.4;margin-top:.5rem}.title-row{align-items:center}.mobile-project-title{margin:0;font-size:clamp(2rem,8vw,3rem);font-weight:700;line-height:1}.mobile-project-arrow-circle{width:40px;height:40px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-project-arrow{color:#fff;font-size:1.2rem;transition:all .3s ease}.mobile-project-bg:hover,.mobile-project-arrow-circle:hover{cursor:pointer}.mobile-project-arrow-circle:hover,.mobile-project-bg:hover~.mobile-project-info .mobile-project-arrow-circle{background:#fff;transform:scale(1.2)}.mobile-project-arrow-circle:hover .mobile-project-arrow,.mobile-project-bg:hover~.mobile-project-info .mobile-project-arrow-circle .mobile-project-arrow{color:#333;transform:scale(1.5)}.expertise-mobile-panel{display:flex;flex-direction:column;width:100vw;background-color:#f5f0e8;padding-bottom:4rem;overflow:hidden}.expertise-mobile-header{padding:2rem 1.5rem}.expertise-mobile-title{font-family:Outfit,sans-serif;font-size:clamp(3rem,12vw,4.5rem);font-weight:500;margin:0;color:#2a2a2a;line-height:1.2;padding:.2rem}.expertise-mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1.5rem 2rem}.expertise-mobile-grid-item{aspect-ratio:4/5;overflow:hidden;border-radius:4px}.expertise-mobile-image{width:100%;height:100%;background-size:cover;background-position:center}.expertise-mobile-list{display:flex;flex-direction:column;padding:2rem 1.5rem;gap:1.5rem}.expertise-mobile-list-item{position:relative;padding-bottom:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem}.expertise-mobile-number{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;color:#2a2a2a;flex-shrink:0}.expertise-mobile-label{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:500;color:#2a2a2a;text-transform:uppercase;line-height:1.2;text-align:right}.expertise-mobile-divider{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#2a2a2a66;transform-origin:left}.expertise-mobile-manifesto{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.expertise-mobile-manifesto p{font-family:Outfit,sans-serif;font-size:1.1rem;color:#2a2a2a;line-height:1.5;margin:0}.expertise-mobile-highlight{font-weight:800;font-size:1.4rem!important;text-transform:uppercase;line-height:1.1!important}.mobile-text-reveal-container,.mobile-letter-reveal-container{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 1px}.mobile-text-reveal-content,.mobile-letter-reveal-content,.mobile-letter-reveal-wrapper{display:inline-block}.about-section{width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#1a1a1a;border-radius:5vw 0 0}.about-container{max-width:1000px;width:100%;display:flex;flex-direction:column;padding:10vh 2rem 5vh}.about-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10rem}.about-title{display:flex;justify-content:flex-end;font-family:Outfit,sans-serif;font-size:clamp(4rem,9vw,6rem);font-weight:500;color:#e8e4d9;margin:0;text-align:right;line-height:.8}.about-intro{max-width:600px;margin-top:1rem}.about-intro span{display:block;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:clamp(.7rem,1.8vw,1rem);font-weight:500;color:var(--legacy-accent-primary);text-transform:uppercase;letter-spacing:2rem}.about-intro p{font-family:Outfit,sans-serif;font-size:clamp(1rem,1.8vw,1.2rem);color:#b5b1a5;line-height:1.6}.about-pictures{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;margin:6rem 0}.about-picture{background-color:#2a2a2a;width:100%;aspect-ratio:4/3;overflow:hidden}.about-picture img{width:100%;height:100%;object-fit:cover}.about-picture-stacked{display:flex;flex-direction:column;gap:1.5rem}.picture-stacked-empty{flex:.5;display:flex;align-items:center;justify-content:center;padding:1rem}.picture-stacked-item{flex:1;background-color:#2a2a2a;aspect-ratio:4/3;overflow:hidden}.picture-stacked-item img{width:100%;height:100%;object-fit:cover}.about-philosophy-wrapper{display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:flex-start}.about-philosophy-grid{display:flex;flex-direction:column;gap:4rem;position:relative;top:-10rem}.about-philosophy-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-picture{width:100%;background-color:#2a2a2a;overflow:hidden}.sidebar-picture img{width:100%;height:auto;display:block}.sidebar-date{font-family:Outfit,sans-serif;font-size:.8rem;color:#b5b1a5;letter-spacing:.2em;text-align:right}.philosophy-row{display:grid;grid-template-columns:1fr 1fr;align-items:baseline}.philosophy-highlight{font-family:Outfit,sans-serif;font-size:clamp(.9rem,1.8vw,1rem);font-weight:800;color:var(--legacy-accent-primary);text-transform:uppercase;letter-spacing:.05em}.philosophy-description{font-family:Outfit,sans-serif;font-size:clamp(.9rem,2vw,1rem);font-weight:500;color:#e8e4d9}@media(max-width:768px){.about-header{flex-direction:column;gap:1rem}.about-intro{max-width:100%}.about-pictures{grid-template-columns:1fr;gap:1.5rem}.about-picture.big-picture{aspect-ratio:4/3;height:auto}.about-picture-stacked{gap:1.5rem}.picture-stacked-item{aspect-ratio:4/3}.about-philosophy-wrapper{grid-template-columns:1fr;gap:4rem}.about-philosophy-grid{top:auto}.philosophy-row{grid-template-columns:1fr 1fr;gap:.5rem}.about-container{gap:4rem;padding-top:5vh}}.davidoo-btn{height:50px;width:auto;min-width:200px;padding:0 1.5rem;background:transparent;border:1px solid var(--btn-color);border-radius:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1.5rem;position:relative;overflow:hidden;text-decoration:none;transition:all .4s ease;z-index:1}.davidoo-btn:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:var(--btn-color);z-index:-1;transition:height .4s cubic-bezier(.4,0,.2,1)}.davidoo-btn-text{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;text-transform:uppercase;color:var(--btn-color);transition:color .4s ease;white-space:nowrap}.davidoo-btn-circle{width:5px;height:5px;background-color:var(--btn-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.davidoo-btn-arrow{color:var(--btn-hover-text);font-size:1.5rem;opacity:0;transform:scale(0) translate(-10px);transition:all .4s ease}.davidoo-btn:hover:before{height:100%}.davidoo-btn:hover .davidoo-btn-text{color:var(--btn-hover-text)}.davidoo-btn:hover .davidoo-btn-circle{background-color:var(--btn-hover-text);width:40px;height:40px}.davidoo-btn:hover .davidoo-btn-arrow{color:var(--btn-color);opacity:1;transform:scale(1) translate(0) translateY(-3px)}@media(max-width:768px){.davidoo-btn{padding:.8rem 1.8rem;gap:1rem;min-width:auto}.davidoo-btn-text{font-size:.7rem}}.contact-section{width:100%;padding:15vh 0 10vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:20;background-color:#f5f0e8}.contact-content{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:4rem}.contact-heading{font-family:Outfit,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:500;color:var(--legacy-accent-primary);line-height:1;margin:0;text-align:center}.contact-cta{display:flex;justify-content:center;width:100%}@media(max-width:768px){.contact-heading{font-size:clamp(2rem,10vw,4rem)}.contact-content{padding:0 2rem}.contact-button{padding:.8rem 1.8rem;gap:1rem}.button-text{font-size:.7rem}}.cursor-circle{position:fixed;top:0;left:0;width:60px;height:60px;background:gold;border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s ease;mix-blend-mode:difference}.hero-section{height:400vh;position:relative}.hero-sticky{position:sticky;top:0;left:0;height:100vh;width:100vw;overflow:hidden;z-index:1}.hero-track{display:flex;height:100%;will-change:transform}.hero-intro{flex:0 0 50vw;min-width:300px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem;position:relative;cursor:none;background-color:#ff4500}.hero-title{font-family:MuseoModerno,cursive;font-size:clamp(7rem,12vw,10rem);font-weight:800;margin-bottom:0;line-height:.9;color:#1a1a1a}.hero-description{font-size:1.5rem;max-width:600px;line-height:1.1;color:#1a1a1a}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);opacity:.8;font-size:1rem;animation:bounce 2s infinite;letter-spacing:2px;color:#1a1a1a}.hero-nav{position:absolute;top:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:space-between;width:calc(100% - 8rem);gap:1rem}.hero-nav-link{color:#1a1a1a;text-decoration:none;font-size:clamp(.7rem,1.2vw,1rem);letter-spacing:2px;opacity:.9;transition:opacity .3s ease}.hero-nav-link:hover{opacity:1}.nav-circle{display:inline-flex;align-items:center;justify-content:center;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle;transition:all .3s ease;overflow:hidden}.nav-arrow{color:#fff;font-size:15px;opacity:0;transform:translate(-5px);transition:all .3s ease}.hero-nav-link:hover .nav-circle{width:30px;height:30px}.hero-nav-link:hover .nav-arrow{opacity:1;transform:translate(0)}.projects-container{width:50vw;height:100%;display:flex;flex-shrink:0}.project-card{height:100%;position:relative;overflow:hidden;flex-shrink:0}.project-background{position:absolute;width:100%;height:25%;top:50%}.project-info{position:absolute;bottom:0;left:0;right:0;padding:3rem 2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;display:flex;flex-direction:column;justify-content:space-between;height:35vh;clip-path:inset(100% 0 0 0)}.project-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1rem}.project-row:last-child{display:flex;flex-direction:column;flex:1;position:relative}.project-year{width:fit-content;border-radius:50px;border:1px solid rgba(255,255,255,.6);padding:.25rem .5rem;font-size:.9rem;opacity:.7;letter-spacing:2px}.project-art-direction{font-size:.9rem;text-transform:uppercase;letter-spacing:3px;opacity:.8;text-align:center}.project-description{font-size:.85rem;text-transform:uppercase;opacity:.7;line-height:1.4;text-align:right}.project-number{font-size:.7rem;opacity:.9;letter-spacing:2px;position:absolute;bottom:2rem;left:2rem;color:#fff;z-index:10}.project-title{margin:0;font-size:clamp(1.5rem,5vw,5rem);font-weight:500;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;flex:1}.project-arrow-circle{width:50px;height:50px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:absolute;bottom:0;right:0}.project-background:hover{cursor:pointer}.project-arrow-circle:hover,.project-background:hover~.project-info .project-arrow-circle{background:#fff;transform:scale(1.2)}.project-arrow{color:#fff;font-size:1.25rem;transition:all .3s ease}.project-arrow-circle:hover .project-arrow,.project-background:hover~.project-info .project-arrow-circle .project-arrow{color:#333;transform:scale(1.5)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.expertise-panel{width:100vw;height:100vh;flex-shrink:0;display:flex;position:relative;overflow:hidden}.expertise-stack{width:33.33vw;display:flex;flex-direction:column;will-change:transform;margin-top:0}.expertise-stack-item{width:100%;height:30vh;flex-shrink:0;position:relative;overflow:hidden}.expertise-stack-image{position:absolute;top:0;left:0;width:100%;height:200%;background-size:cover;background-position:-19rem;will-change:transform}.expertise-content{width:66.67vw;height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4rem;background:#f5f0e8;position:relative;z-index:2}.about-panel-wrapper{background-color:#f5f0e8;display:flex;justify-content:center;align-items:center}.expertise-title{font-family:Outfit,sans-serif;font-size:clamp(4rem,9vw,6rem);font-weight:500;margin:0;color:#2a2a2a;text-align:left}.expertise-rectangles{display:flex;flex-direction:column;margin-top:3rem;align-self:flex-end;width:100%}.expertise-rectangle{width:100%;max-width:350px;height:50px;position:relative;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;margin-left:auto}.expertise-rectangle-number{font-family:Outfit,sans-serif;font-size:clamp(.7rem,1.2vw,1rem);font-weight:600;color:#2a2a2a}.expertise-rectangle-label{font-family:Outfit,sans-serif;font-size:clamp(.7rem,1.2vw,1rem);font-weight:600;color:#2a2a2a;text-align:right;text-transform:uppercase}.expertise-rectangle:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#4a4a4a;transform:scaleX(var(--border-opacity, 0));transform-origin:left;transition:transform .1s ease-out}.expertise-manifesto{margin-top:auto;text-align:left;width:100%}.expertise-manifesto p{font-family:Outfit,sans-serif;font-size:clamp(1.2rem,2.5vw,1.5rem);color:#2a2a2a;line-height:1.5}.expertise-manifesto-highlight{font-weight:800;font-size:clamp(1.5rem,3.5vw,2rem);text-align:right}.animated-text-container,.animated-char{display:inline-block}.text-reveal-container{display:inline-block;overflow:hidden;vertical-align:bottom}.text-reveal-content{display:inline-block}.letter-reveal-wrapper{display:inline}.letter-reveal-container{display:inline-block;overflow:hidden;vertical-align:bottom}.letter-reveal-content{display:inline-block}@media(max-width:768px){.expertise-panel{flex-direction:column;height:auto;overflow:visible}.expertise-stack{width:100vw;height:50vh;order:-1;margin-top:0}.expertise-stack-item{height:50vh}.expertise-content{width:100vw;height:auto;padding:3rem 1.5rem}.expertise-title{font-size:clamp(3rem,10vw,4rem)}.expertise-rectangles{margin-top:2rem;width:100%}.expertise-rectangle{max-width:100%}.expertise-manifesto{margin-top:3rem}.expertise-manifesto p{font-size:1.1rem}.expertise-manifesto-highlight{font-size:1.4rem}}.desktop-app{position:relative}.scroll-sequence-container{position:relative;height:400vh;z-index:5}.sticky-viewport{position:sticky;top:0;height:100vh;width:100vw;overflow:hidden}.panel{width:100vw;height:100vh}.layer-base{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}.layer-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2;background-color:#1a1a1a;will-change:transform;border-radius:50vw 0 0 50vw}.about-natural-section{position:relative;z-index:10;background-color:#1a1a1a;margin-top:-100vh}.project-page{width:100%;min-height:100vh;background-color:#1a1a1a;color:#e8e4d9;padding:4rem 2rem 2rem;box-sizing:border-box}.project-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid rgba(232,228,217,.2);margin-bottom:2rem}.project-title-display{font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:500;color:#e8e4d9;margin:0}.project-content{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column}.project-meta-row{display:flex;justify-content:space-between;align-items:baseline;font-family:Outfit,sans-serif;color:#b5b1a5;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.9rem,1.5vw,1.2rem);padding-bottom:1rem}.project-meta-year{border:1px solid rgba(232,228,217,.2);padding:.25rem .5rem;border-radius:50px}.project-main-image{width:100%;aspect-ratio:16 / 8;overflow:hidden;position:relative;background-color:#2a2a2a}.project-main-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.project-details-row{display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding:2rem 0}.project-tags{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.project-tag{font-family:Outfit,sans-serif;padding:.5rem 1rem;font-size:.8rem;color:#b5b1a5;text-transform:uppercase}.project-full-desc{font-family:Outfit,sans-serif;font-size:clamp(1rem,2vw,1.5rem);line-height:1.6;color:#e8e4d9}.project-full-desc strong{font-weight:700}.project-full-desc em{font-style:italic}.project-gallery{display:flex;flex-direction:column;gap:0;margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem);padding-top:4rem}.gallery-item{width:100%;aspect-ratio:16 / 8;overflow:hidden;background-color:#2a2a2a}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:768px){.project-details-row{grid-template-columns:1fr;gap:2rem}.project-tags{flex-direction:row;flex-wrap:wrap}.project-vertical-gallery-wrapper{flex-direction:column}.project-vertical-gallery{width:100%!important}.project-vertical-gallery-desc{width:100%!important;padding-left:0!important;margin-top:2rem}}.project-vertical-gallery-wrapper{display:flex;width:100%;margin-top:4rem;align-items:flex-start}.project-vertical-gallery{display:flex;flex-direction:column;gap:4rem;width:66.666%}.project-vertical-gallery-desc{width:33.333%;padding-left:2rem;position:relative}.sticky-desc-content{position:sticky;top:2rem;font-family:Outfit,sans-serif;font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.6;color:#e8e4d9}.sticky-desc-content h3{margin-top:0;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;color:#fff}.sticky-desc-content strong{font-weight:700;color:#fff}.vertical-gallery-item{width:100%}.vertical-gallery-item img{width:100%;height:auto;display:block;object-fit:contain}.language-switch{display:inline-flex;gap:.5rem}.language-switch__option{box-shadow:none;background-image:none;background:transparent;font-family:var(--font-body);font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-micro);padding:.6rem 1.1rem;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:color var(--dur-ui) var(--ease),border-color var(--dur-ui) var(--ease)}.language-switch__option:hover{color:var(--text-primary);transform:none;box-shadow:none}.language-switch__option[aria-current=true]{color:var(--text-primary);border-color:var(--text-primary);cursor:default}.language-switch__option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){.language-switch__option{transition:none}}.theme-toggle{box-shadow:none;background-image:none;font-family:var(--font-body);font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-micro);line-height:var(--lh-body);padding:1rem 2rem;border:1px solid var(--text-primary);border-radius:var(--radius-pill);background:transparent;color:var(--text-primary);cursor:pointer;transition:background var(--dur-ui) var(--ease),color var(--dur-ui) var(--ease)}.theme-toggle:hover{background:var(--text-primary);color:var(--bg-base);transform:none;box-shadow:none}.theme-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--gutter);padding:1.25rem var(--page-margin);background:var(--bg-base);border-bottom:1px solid var(--border-default);opacity:0;pointer-events:none;transition:opacity var(--dur-ui) var(--ease)}.site-header--visible{opacity:1;pointer-events:auto}.site-header__logo{display:block;line-height:0;flex-shrink:0}.site-header__logo img{display:block;width:2.5rem;height:2.5rem}.site-header__nav{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.site-header__link{font-family:var(--font-body);font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-micro);color:var(--text-primary);text-decoration:none}.site-header__link:hover{text-decoration:underline;text-decoration-color:var(--accent-primary);text-decoration-thickness:2px;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.site-header{transition:none}}@media(max-width:640px){.site-header{flex-wrap:wrap}.site-header__nav{gap:1rem}}.site-footer{background:var(--bg-base);color:var(--text-primary);padding:var(--section-rhythm) var(--page-margin) 3rem;border-top:1px solid var(--border-default)}.site-footer__columns{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:var(--section-rhythm)}.site-footer__column{display:flex;flex-direction:column;gap:.6rem}.site-footer__label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--ls-micro);color:var(--text-muted);margin:0}.site-footer__value{font-size:var(--fs-body);color:var(--text-primary)}.site-footer__stack{display:flex;flex-direction:column;gap:.4rem}.site-footer__link{color:var(--text-primary);text-decoration:none}.site-footer__link:hover{text-decoration:underline;text-decoration-color:var(--accent-primary);text-decoration-thickness:2px;text-underline-offset:3px}.site-footer__brand{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--text-primary);margin:0}.project-card{display:block;color:inherit;text-decoration:none}.project-card__cover{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-media);background:var(--bg-surface);margin-bottom:1rem;transition:opacity var(--dur-ui) var(--ease)}.project-card:hover .project-card__cover{opacity:.85}.project-card__name{font-family:var(--font-body);font-size:var(--fs-heading);font-weight:700;line-height:var(--lh-display);color:var(--text-primary);margin:0 0 .35rem}.project-card__category{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--ls-micro);color:var(--text-muted);margin:0}@media(prefers-reduced-motion:reduce){.project-card__cover{transition:none}}.project-index{min-height:100vh;padding:8rem var(--page-margin) var(--section-rhythm);background:var(--bg-base);color:var(--text-primary)}.project-index__title{font-family:var(--font-display);font-size:var(--fs-title);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--text-primary);margin:0 0 .75rem}.project-index__subtitle{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-muted);max-width:var(--measure);margin:0 0 3rem}.project-index__grid{display:grid;grid-template-columns:1fr;gap:var(--gutter)}.project-index__grid--multi{grid-template-columns:repeat(2,1fr)}@media(max-width:700px){.project-index__grid--multi{grid-template-columns:1fr}}.placeholder{min-height:100vh;padding:8rem var(--page-margin) var(--section-rhythm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body)}.placeholder__eyebrow{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--ls-micro);color:var(--text-muted);margin:0 0 1.5rem}.placeholder__title{font-family:var(--font-display);font-size:var(--fs-title);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--text-primary);margin:0 0 2rem}.placeholder__body{max-width:var(--measure);color:var(--text-primary);margin:0 0 1rem}.placeholder__meta{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--ls-micro);color:var(--text-muted);margin:0 0 .4rem}.placeholder__actions{display:flex;align-items:center;gap:1.5rem;margin-top:3rem}.placeholder__link{color:var(--text-primary);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.placeholder__link:hover{color:var(--text-primary);text-decoration-color:var(--accent-primary);text-decoration-thickness:2px}.case{min-height:100vh;padding:8rem var(--page-margin) var(--section-rhythm);background:var(--bg-base);color:var(--text-primary)}.case__title{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--text-primary);margin:0 0 2.5rem}.case-meta{margin-bottom:3rem}.case-meta--split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:start}.case-meta__pairs{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.case-meta__pair{display:flex;flex-direction:column;gap:.3rem}.case-meta__sep{color:var(--text-muted);font-size:var(--fs-body)}.case-meta__label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--ls-micro);color:var(--text-muted);margin:0}.case-meta__value{font-size:var(--fs-body);font-weight:500;color:var(--text-primary)}.case-meta__description{font-size:var(--fs-body);line-height:var(--lh-body);max-width:var(--measure);color:var(--text-primary);margin:0}.case-meta__outbound{color:var(--text-primary);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.case-meta__outbound:hover{text-decoration-color:var(--accent-primary);text-decoration-thickness:2px}.case-lead{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-media);background:var(--bg-surface);margin-bottom:var(--section-rhythm)}.case-body{max-width:var(--measure)}.case-body :is(h1,h2,h3){font-family:var(--font-body);font-weight:700;line-height:var(--lh-display);color:var(--text-primary);margin:2.5rem 0 1rem}.case-body h1,.case-body h2{font-size:var(--fs-heading)}.case-body h3{font-size:var(--fs-body-lg)}.case-body p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-primary);margin:0 0 1.25rem}.case-body ul,.case-body ol{margin:0 0 1.25rem;padding-left:1.5rem;color:var(--text-primary)}.case-body li{margin-bottom:.5rem;line-height:var(--lh-body)}.case-body strong{font-weight:700}.case-body p:has(>.case-body__image){max-width:none}.case-body__image{display:block;width:100%;border-radius:var(--radius-media);margin:1.5rem 0}@media(max-width:900px){.case-meta--split{grid-template-columns:1fr}}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}