*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0c0c0b;--cream:#f2ede3;--cream2:#e8e2d5;--accent:#e53d00;--muted:#8a857b;--white:#fafaf8;--f-display:"Bebas Neue", sans-serif;--f-serif:"Playfair Display", serif;--f-body:"DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--f-body);font-weight:300;overflow-x:hidden}nav{z-index:100;justify-content:space-between;align-items:center;padding:1.4rem 3rem;transition:background .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0c0be0}.nav-logo{font-family:var(--f-display);letter-spacing:.12em;color:var(--white);font-size:1.7rem;text-decoration:none}.nav-links{gap:2.4rem;list-style:none;display:flex}.nav-links a{font-family:var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:#fafaf8b3;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}#hero{background:var(--ink);flex-direction:column;justify-content:flex-end;height:100vh;min-height:640px;padding:0 3rem 4rem;display:flex;position:relative;overflow:hidden}.hero-eyebrow{font-family:var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);opacity:0;margin-bottom:1.2rem;font-size:.72rem;font-weight:500;animation:.7s .2s forwards fadeUp;transform:translateY(20px)}.hero-headline{font-family:var(--f-display);color:var(--white);letter-spacing:.01em;opacity:0;font-size:clamp(4.5rem,12vw,11rem);line-height:.92;animation:.8s .4s forwards fadeUp;transform:translateY(40px)}.hero-headline em{font-style:italic;font-family:var(--f-serif);color:var(--accent);font-weight:700}.hero-sub{opacity:0;justify-content:space-between;align-items:flex-end;margin-top:3rem;animation:.7s .8s forwards fadeUp;display:flex}.hero-tagline{font-family:var(--f-serif);color:#fafaf899;max-width:340px;font-size:1.15rem;font-style:italic;line-height:1.5}.hero-cta{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--white);border:1px solid #fafaf840;align-items:center;gap:.8rem;padding:.85rem 2rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.hero-cta:hover{background:var(--accent);border-color:var(--accent)}.hero-cta:after{content:"→";transition:transform .2s}.hero-cta:hover:after{transform:translate(4px)}#hero:after{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");position:absolute;inset:0}.marquee-wrap{background:var(--accent);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.75rem 0;overflow:hidden}.marquee-track{animation:22s linear infinite marquee;display:inline-flex}.marquee-track span{font-family:var(--f-display);letter-spacing:.22em;color:var(--white);padding:0 2.4rem;font-size:1rem}.marquee-track .dot{color:#fafaf880;padding:0}section{padding:7rem 3rem}.label{font-family:var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem;font-size:.68rem;font-weight:500}#manifesto{background:var(--cream);grid-template-columns:1fr 2fr;align-items:center;gap:4rem;display:grid}.manifesto-quote{font-family:var(--f-serif);color:var(--ink);grid-column:2;font-size:clamp(2rem,4vw,3.4rem);font-style:italic;line-height:1.2}.manifesto-quote strong{color:var(--accent);font-style:normal}.manifesto-side{grid-area:1/1}.manifesto-body{color:var(--muted);max-width:280px;margin-top:.8rem;font-size:.95rem;line-height:1.8}.manifesto-stat{border-top:1px solid var(--cream2);margin-top:3rem;padding-top:1.8rem}.manifesto-stat-num{font-family:var(--f-display);color:var(--ink);font-size:3.5rem;line-height:1}.manifesto-stat-num sup{font-family:var(--f-body);vertical-align:super;color:var(--accent);font-size:.85rem;font-weight:500}.manifesto-stat-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.3rem;font-size:.72rem}#services{background:var(--ink)}#services .label{color:var(--accent)}.services-header{border-bottom:1px solid #fafaf814;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;padding-bottom:2rem;display:flex}.services-title{font-family:var(--f-display);color:var(--white);letter-spacing:.01em;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.services-intro{color:#fafaf873;text-align:right;max-width:260px;font-size:.9rem;line-height:1.7}.services-list{list-style:none}.service-item{cursor:default;border-bottom:1px solid #fafaf80f;grid-template-columns:3.5rem 1fr auto;align-items:baseline;gap:2rem;padding:1.6rem 0;transition:padding-left .25s;display:grid}.service-item:hover{padding-left:.8rem}.service-num{font-family:var(--f-display);color:var(--accent);letter-spacing:.1em;font-size:.95rem}.service-name{font-family:var(--f-display);color:var(--white);letter-spacing:.03em;font-size:clamp(1.5rem,3vw,2.4rem)}.service-tag{letter-spacing:.2em;text-transform:uppercase;color:#fafaf84d;text-align:right;font-size:.68rem}#work{background:var(--cream)}.work-header{justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;display:flex}.work-title{font-family:var(--f-display);letter-spacing:.01em;font-size:clamp(2.5rem,5vw,4rem);line-height:1}.work-link{letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:.2rem;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.work-link:hover{color:var(--accent);border-color:var(--accent)}.work-grid{grid-template-rows:auto;grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.project-card{cursor:pointer;position:relative;overflow:hidden}.project-card:first-child{grid-column:span 7}.project-card:nth-child(2){grid-column:span 5}.project-card:nth-child(3){grid-column:span 4}.project-card:nth-child(4){grid-column:span 5}.project-card:nth-child(5){grid-column:span 3}.project-thumb{width:100%;padding-bottom:70%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.project-card:hover .project-thumb{transform:scale(1.04)}.thumb-bg{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.thumb-bg .ph-type{font-family:var(--f-display);letter-spacing:.08em;opacity:.18;color:var(--white);text-align:center;font-size:clamp(2rem,6vw,5rem)}.c1{background:#2c3e32}.c2{background:#8c4a2f}.c3{background:#1e2b3c}.c4{background:#4a3728}.c5{background:#5c3d5e}.project-info{padding:1rem 0 .4rem}.project-category{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;font-size:.65rem}.project-name{font-family:var(--f-serif);color:var(--ink);font-size:1.1rem}#collective{background:var(--cream2);border-top:1px solid #0c0c0b14}.collective-header{margin-bottom:3.5rem}.collective-title{font-family:var(--f-display);letter-spacing:.01em;font-size:clamp(2.5rem,5vw,4rem);line-height:1}.collective-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;display:grid}.member-card{cursor:default}.member-avatar{background:var(--cream);width:100%;margin-bottom:1rem;padding-bottom:100%;position:relative;overflow:hidden}.avatar-initials{font-family:var(--f-display);letter-spacing:.08em;color:var(--muted);justify-content:center;align-items:center;font-size:3rem;display:flex;position:absolute;inset:0}.member-name{font-family:var(--f-serif);color:var(--ink);font-size:1.05rem;font-weight:700}.member-role{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.25rem;font-size:.7rem}#contact{background:var(--ink);text-align:center;padding:9rem 3rem 8rem}.contact-pre{font-family:var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;font-size:.72rem;font-weight:500}.contact-headline{font-family:var(--f-display);color:var(--white);letter-spacing:.01em;margin-bottom:3rem;font-size:clamp(3rem,8vw,7rem);line-height:.95}.contact-email{font-family:var(--f-serif);color:#fafaf88c;border-bottom:1px solid #fafaf826;padding-bottom:.3rem;font-size:clamp(1.1rem,2.5vw,1.8rem);font-style:italic;text-decoration:none;transition:color .25s,border-color .25s;display:inline-block}.contact-email:hover{color:var(--white);border-color:var(--accent)}footer{background:var(--ink);border-top:1px solid #fafaf80f;justify-content:space-between;align-items:center;padding:1.8rem 3rem;display:flex}.footer-logo{font-family:var(--f-display);letter-spacing:.12em;color:#fafaf866;font-size:1.1rem;text-decoration:none}.footer-copy{letter-spacing:.15em;text-transform:uppercase;color:#fafaf833;font-size:.68rem}.footer-socials{gap:1.5rem;display:flex}.footer-socials a{letter-spacing:.18em;text-transform:uppercase;color:#fafaf84d;font-size:.68rem;text-decoration:none;transition:color .2s}.footer-socials a:hover{color:var(--accent)}.project-hero{background:var(--ink);flex-direction:column;justify-content:flex-end;height:60vh;min-height:420px;padding:0 3rem 3rem;display:flex;position:relative;overflow:hidden}.project-hero:after{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");position:absolute;inset:0}.project-hero-title{font-family:var(--f-display);color:var(--white);letter-spacing:.01em;font-size:clamp(3rem,7vw,7rem);line-height:.95}.project-hero-category{font-family:var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.72rem;font-weight:500}.project-hero-contributors{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.project-hero-contributors a{font-family:var(--f-body);color:#fafaf899;font-size:.8rem;text-decoration:none;transition:color .2s}.project-hero-contributors a:hover{color:var(--white)}.project-description{max-width:680px;color:var(--muted);margin:3rem auto;padding:0 3rem;font-size:1.05rem;line-height:1.8}.project-back{z-index:50;letter-spacing:.2em;text-transform:uppercase;color:#fafaf880;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .2s;position:fixed;top:5rem;left:3rem}.project-back:hover{color:var(--white)}.media-section{max-width:1200px;margin:0 auto;padding:2rem 3rem 6rem}.media-image{width:100%;height:auto;margin-bottom:.5rem;display:block}.media-caption{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3rem;font-size:.75rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.gallery-grid img{object-fit:cover;aspect-ratio:4/3;width:100%;height:100%}.video-wrapper{margin-bottom:2rem;padding-top:56.25%;position:relative}.video-wrapper>div{width:100%;height:100%;position:absolute;top:0;left:0}.doc-link{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);align-items:center;gap:.6rem;margin-bottom:2rem;padding:.85rem 2rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.doc-link:hover{background:var(--accent);color:var(--white)}.media-block+.media-block{margin-top:4rem}.member-hero{background:var(--cream2);grid-template-columns:1fr 2fr;align-items:start;gap:3rem;padding:10rem 3rem 4rem;display:grid}.member-avatar-large{aspect-ratio:1;background:var(--cream);width:100%;position:relative;overflow:hidden}.member-avatar-large .avatar-initials{font-size:5rem}.member-info{padding-top:.5rem}.member-hero-name{font-family:var(--f-display);color:var(--ink);letter-spacing:.01em;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.member-hero-role{font-family:var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-top:.8rem;font-size:.72rem;font-weight:500}.member-bio{color:var(--muted);max-width:540px;margin-top:1.5rem;font-size:1rem;line-height:1.8}.member-socials{gap:1.2rem;margin-top:2rem;display:flex}.member-socials a{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.68rem;text-decoration:none;transition:color .2s}.member-socials a:hover{color:var(--ink)}.member-projects{background:var(--cream);padding:5rem 3rem}.member-projects-title{font-family:var(--f-display);letter-spacing:.01em;margin-bottom:2rem;font-size:clamp(1.8rem,3vw,2.5rem)}.member-projects-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.member-projects-list a{font-family:var(--f-serif);color:var(--ink);border-bottom:1px solid var(--cream2);padding:.6rem 0;font-size:1.1rem;text-decoration:none;transition:color .2s,padding-left .2s;display:block}.member-projects-list a:hover{color:var(--accent);padding-left:.8rem}.member-back{z-index:50;letter-spacing:.2em;text-transform:uppercase;color:#0c0c0b66;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .2s;position:fixed;top:5rem;left:3rem}.member-back:hover{color:var(--ink)}.project-thumb img,.member-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.loading-state,.empty-state{text-align:center;color:var(--muted);font-family:var(--f-serif);padding:8rem 2rem;font-size:1.2rem;font-style:italic}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:768px){nav{padding:1.2rem 1.5rem}section{padding:5rem 1.5rem}#hero{padding:0 1.5rem 3rem}#manifesto{grid-template-columns:1fr}.manifesto-quote{grid-column:1}.manifesto-side{grid-row:2}.services-header{flex-direction:column;align-items:flex-start;gap:1rem}.services-intro{text-align:left;max-width:100%}.service-item{grid-template-columns:2.5rem 1fr}.service-tag{display:none}.work-grid{grid-template-columns:1fr 1fr;gap:1rem}.project-card:nth-child(n){grid-column:span 2}.project-card:nth-child(3),.project-card:nth-child(4){grid-column:span 1}.work-header{flex-direction:column;align-items:flex-start;gap:1rem}footer{text-align:center;flex-direction:column;gap:1rem}.hero-sub{flex-direction:column;align-items:flex-start;gap:1.5rem}#contact{padding:6rem 1.5rem 5rem}.member-hero{grid-template-columns:1fr;padding:8rem 1.5rem 3rem}.member-back,.project-back{left:1.5rem}.project-description{padding:0 1.5rem}.media-section{padding:2rem 1.5rem 6rem}.gallery-grid{grid-template-columns:1fr}.member-projects{padding:3rem 1.5rem}}
