:root{--text:#171717;--bg:#f1f1f1;--bg-dark:#111;--accent:#ff4d4d;--muted:#888;--sans:"Poppins", system-ui, sans-serif;--heading:"Anton", system-ui, sans-serif;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background-color:var(--bg);color:var(--text);overflow-x:hidden}.navbar{z-index:1000;opacity:0;background:#171717;border:1px solid #ffffff14;border-radius:999px;padding:.6rem .8rem;position:fixed;top:2rem;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 20px 40px #0003}.nav-links{align-items:center;gap:.3rem;list-style:none;display:flex}.nav-links li a{color:#f1f1f1;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .3s;display:block}.nav-links li a:hover{background:#ffffff1a}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);opacity:0;margin-bottom:1rem;font-size:.8rem;font-weight:600}.name-container{z-index:2;pointer-events:none}.hero-name{font-family:var(--heading);text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;gap:0;font-size:20vw;line-height:1;display:flex}.hero-name span{opacity:0;will-change:transform, opacity;display:inline-block;transform:translateY(50px)}.hero-sub{color:var(--muted);opacity:0;margin-top:1.5rem;font-size:1rem;line-height:1.7}.hero-cta{background:var(--text);color:var(--bg);opacity:0;border-radius:999px;margin-top:2rem;padding:.85rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .3s,transform .3s}.hero-cta:hover{background:var(--accent);transform:scale(1.03)}.scroll-spacer{width:100%;height:50vh}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.75rem;font-weight:600;display:inline-block}.section-title{font-family:var(--heading);margin-bottom:3rem;font-size:clamp(2rem,5vw,4rem);line-height:1.1}.about-section{background:var(--bg-dark);color:#f1f1f1;padding:8rem 2rem}.about-inner{grid-template-columns:1fr 1.4fr;align-items:start;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.about-left .section-title{margin-bottom:0}.about-right p{color:#ffffffb3;margin-bottom:1.2rem;font-size:1rem;line-height:1.8}.about-right p strong{color:#fff}.about-tags{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.about-tags span{color:#fff9;border:1px solid #ffffff26;border-radius:999px;padding:.4rem 1rem;font-size:.8rem}.works-section{background:var(--bg);padding:8rem 2rem}.works-inner{max-width:1100px;margin:0 auto}.works-category{margin-bottom:5rem}.category-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #0000001a;margin-bottom:2rem;padding-bottom:1rem;font-size:1rem;font-weight:600}.works-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.work-card{border-radius:var(--radius);cursor:pointer;background:#fff;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 20px #0000000f}.work-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f}.work-img-wrapper{aspect-ratio:4/3;background:#e8e8e8;width:100%;position:relative;overflow:hidden}.work-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-card:hover .work-img-wrapper img{transform:scale(1.05)}.work-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.work-card:hover .work-overlay{opacity:1}.work-overlay span{color:#fff;letter-spacing:.1em;text-transform:uppercase;border:1px solid #ffffff80;border-radius:999px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.work-info{padding:1.2rem 1.5rem 1.5rem}.work-info h4{margin-bottom:.4rem;font-size:1rem;font-weight:600}.work-info p{color:var(--muted);font-size:.85rem;line-height:1.6}.works-placeholder{border-radius:var(--radius);text-align:center;border:2px dashed #0000001f;padding:4rem 2rem}.placeholder-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}.placeholder-icon{font-size:2rem}.placeholder-inner p{color:var(--muted);font-size:.95rem;line-height:1.7}.process-section{background:var(--bg-dark);color:#f1f1f1;padding:8rem 2rem}.process-inner{max-width:1100px;margin:0 auto}.process-steps{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;display:grid}.process-step{border-radius:var(--radius);border:1px solid #ffffff14;padding:2rem;transition:border-color .3s}.process-step:hover{border-color:var(--accent)}.step-number{font-family:var(--heading);color:#ffffff14;margin-bottom:1rem;font-size:3rem;line-height:1;display:block}.process-step h4{margin-bottom:.6rem;font-size:1rem;font-weight:600}.process-step p{color:#ffffff80;font-size:.85rem;line-height:1.7}.contact-section{background:var(--bg);text-align:center;padding:8rem 2rem}.contact-inner{max-width:600px;margin:0 auto}.contact-title{font-family:var(--heading);margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5rem);line-height:1.1}.contact-sub{color:var(--muted);margin-bottom:2.5rem;font-size:1rem}.contact-cta{background:var(--text);color:var(--bg);border-radius:999px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .3s,transform .3s;display:inline-block}.contact-cta:hover{background:var(--accent);transform:scale(1.03)}.contact-links{justify-content:center;gap:2rem;margin-top:3rem;display:flex}.contact-links a{color:var(--muted);letter-spacing:.05em;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s}.contact-links a:hover{color:var(--text)}.placeholder-img{background:#e2e2e2}.img-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.img-placeholder span{font-family:var(--heading);color:#0003;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:0 1rem;font-size:1.1rem}*{cursor:none}.cursor-dot{background:var(--text);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;transition:background .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid var(--text);pointer-events:none;z-index:9998;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:width .4s,height .4s,background .4s,border-color .4s;display:flex;position:fixed;overflow:hidden;transform:translate(-50%,-50%)}.cursor-ring .cursor-label{letter-spacing:.05em;color:#fff;opacity:0;white-space:nowrap;text-transform:uppercase;font-size:.5rem;font-weight:700;transition:opacity .3s}.cursor-ring.is-hovering-card{background:var(--text);border-color:var(--text);width:80px;height:80px}.cursor-ring.is-hovering-card .cursor-label{opacity:1}.cursor-ring.is-hovering-link{background:var(--accent);border-color:var(--accent);width:50px;height:50px}.cursor-dot.is-hovering-link{background:var(--accent)}.line-wrap{line-height:1.15;display:block;overflow:hidden}.line-inner{will-change:transform;display:block;transform:translateY(105%)}.section-divider{background:0 0;width:100%;height:1px;position:relative;overflow:hidden}.divider-line{transform-origin:0;will-change:transform;background:#00000026;width:100%;height:1px;display:block;transform:scaleX(0)}@media (width<=768px){.hero-name{font-size:28vw}.about-inner{grid-template-columns:1fr;gap:2rem}.process-steps{grid-template-columns:1fr 1fr}}@media (width<=480px){.process-steps{grid-template-columns:1fr}}.proj-hero{grid-template-columns:1fr 1fr;min-height:100vh;padding-top:80px;display:grid}.proj-hero-inner{flex-direction:column;justify-content:center;padding:6rem 4rem;display:flex}.back-link{color:var(--muted);letter-spacing:.05em;margin-bottom:2rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block}.back-link:hover{color:var(--text)}.proj-meta-row{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.proj-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.proj-year{color:var(--muted);font-size:.75rem;font-weight:500}.proj-title{font-family:var(--heading);margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5.5rem);line-height:1.05}.proj-tagline{color:var(--muted);font-size:1.05rem;line-height:1.7}.proj-cover{min-height:500px;position:relative;overflow:hidden}.proj-cover-content{justify-content:center;align-items:center;padding:3rem;display:flex;position:absolute;inset:0}.cmc-logo-hero{z-index:2;width:70%;max-width:380px;position:relative}.cover-geo{pointer-events:none;position:absolute;inset:0}.geo-shape{opacity:.25;position:absolute}.triangle-1{border-bottom:180px solid #fff;border-left:120px solid #0000;border-right:60px solid #0000;width:0;height:0;bottom:0;left:-20px}.triangle-2{border-bottom:100px solid #fff;border-left:60px solid #0000;border-right:0 solid #0000;width:0;height:0;top:30px;right:40px}.circle-1{background:#fff;border-radius:50%;width:120px;height:120px;top:-30px;right:-30px}.cover-dots{grid-template-columns:repeat(3,6px);gap:5px;display:grid;position:absolute;bottom:20px;left:20px}.cover-dots span{opacity:.4;background:#fff;border-radius:50%;width:6px;height:6px}.proj-overview{background:var(--bg);padding:6rem 2rem}.proj-overview-inner{grid-template-columns:260px 1fr;align-items:start;gap:5rem;max-width:1100px;margin:0 auto;display:grid}.overview-sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:120px}.sidebar-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.sidebar-block p{color:var(--text);font-size:.9rem;line-height:1.7}.overview-content p{color:#171717bf;margin-bottom:1.2rem;font-size:1rem;line-height:1.85}.overview-content p strong{color:var(--text)}.proj-section-title{font-family:var(--heading);margin:1rem 0 2rem;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.1}.proj-section-title.light{color:#fff}.pillars-row{gap:1rem;margin-top:2.5rem;display:flex}.pillar{border:1.5px solid #1717171f;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;display:flex}.pillar-icon{font-size:1rem}.proj-section{padding:6rem 2rem}.proj-section.bg-dark{background:var(--bg-dark);color:#f1f1f1}.proj-section.bg-light{background:#f8f8f8}.proj-section.bg-orange{color:#fff;background:#fe5f00}.proj-section.bg-blue{color:#fff;background:#0140aa}.proj-section-inner{max-width:1100px;margin:0 auto}.section-header{margin-bottom:3.5rem}.section-desc{color:#171717a6;max-width:640px;font-size:1rem;line-height:1.8}.section-desc.light{color:#ffffffbf}.logo-versions-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.logo-version{border-radius:var(--radius);flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;display:flex}.logo-version.bg-white{background:#fff}.logo-version.bg-black{background:#000}.logo-version svg{width:100%;max-width:280px}.version-label{letter-spacing:.1em;text-transform:uppercase;color:#17171766;font-size:.75rem;font-weight:600}.version-label.light{color:#ffffff80}.exclusion-zone{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff1a;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:3rem;display:grid}.exclusion-visual{justify-content:center;align-items:center;display:flex}.exclusion-box{border:1.5px dashed #ffffff4d;border-radius:4px;padding:2.5rem;position:relative}.exclusion-box svg{width:200px}.exclusion-arrow{color:#fe5f00;letter-spacing:.05em;font-size:.65rem;font-weight:700;position:absolute}.exclusion-arrow.top{top:-10px;left:50%;transform:translate(-50%)}.exclusion-arrow.bottom{bottom:-10px;left:50%;transform:translate(-50%)}.exclusion-arrow.left{top:50%;left:-20px;transform:translateY(-50%)rotate(-90deg)}.exclusion-arrow.right{top:50%;right:-20px;transform:translateY(-50%)rotate(90deg)}.exclusion-text h4{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.exclusion-text p{color:#fff9;margin-bottom:.8rem;font-size:.9rem;line-height:1.7}.exclusion-text p strong{color:#fe5f00}.color-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;display:grid}.color-card{border-radius:var(--radius);flex-direction:column;gap:.8rem;min-height:200px;padding:2rem 1.5rem;display:flex}.color-name{font-family:var(--heading);color:#fff;font-size:1rem;font-weight:700}.color-badge{color:#fffc;letter-spacing:.1em;text-transform:uppercase;background:#ffffff26;border-radius:999px;width:fit-content;padding:.2rem .7rem;font-size:.7rem;font-weight:600;display:inline-block}.color-badge.dark{color:#00000080;background:#00000014}.color-values{flex-direction:column;gap:.3rem;margin-top:auto;display:flex}.color-values span{color:#fff9;font-size:.75rem;font-weight:500}.typo-showcase{grid-template-columns:auto 1fr;align-items:start;gap:4rem;margin-bottom:3rem;display:grid}.typo-display{align-items:center;display:flex}.typo-giant{color:#ffffff26;font-family:Bricolage Grotesque,sans-serif;font-size:10rem;font-weight:800;line-height:1}.typo-hierarchy{flex-direction:column;gap:0;display:flex}.typo-level{padding:1.5rem 0}.typo-role{letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;margin-bottom:.6rem;font-size:.7rem;font-weight:700;display:block}.typo-sample{color:#fff;margin-bottom:.4rem;font-family:Bricolage Grotesque,sans-serif}.typo-sample.bold{font-size:1.4rem;font-weight:800}.typo-sample.medium{font-size:1.1rem;font-weight:500}.typo-sample.regular{font-size:.9rem;font-weight:300;line-height:1.7}.typo-usage{color:#ffffff59;font-size:.75rem}.typo-divider{background:#ffffff1a;height:1px}.alphabet-display{border-radius:var(--radius);background:#ffffff14;flex-direction:column;gap:1rem;padding:2rem;display:flex}.alpha{color:#ffffffb3;letter-spacing:.15em;font-family:Bricolage Grotesque,sans-serif}.alpha.upper{font-size:1rem;font-weight:700}.alpha.lower{font-size:1rem;font-weight:400}.alpha.numbers{font-size:1rem;font-weight:300}.donts-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.dont-card{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1a;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.dont-visual{background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;min-height:90px;padding:1rem;display:flex;position:relative}.dont-visual svg{width:100%}.dont-cross{color:#ff4d4d;font-size:1.2rem;font-weight:900;position:absolute;top:6px;right:8px}.dont-card p{color:#ffffff8c;text-align:center;font-size:.8rem;line-height:1.5}.deliverables-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.deliverable-card{border-radius:var(--radius);background:#fff;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 20px #0000000f}.deliverable-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.deliverable-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.2rem;display:flex}.deliverable-icon svg{width:28px;height:28px}.deliverable-card h4{margin-bottom:.5rem;font-size:.95rem;font-weight:700}.deliverable-card p{color:var(--muted);font-size:.85rem;line-height:1.6}.proj-nav-footer{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:4rem 2rem;display:flex}.proj-nav-back{color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.proj-nav-back:hover{color:var(--text)}.proj-nav-cta{background:var(--text);color:var(--bg);border-radius:999px;padding:.9rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .3s,transform .3s}.proj-nav-cta:hover{background:var(--accent);transform:scale(1.03)}@media (width<=1024px){.proj-hero{grid-template-columns:1fr}.proj-cover{min-height:300px}.proj-overview-inner{grid-template-columns:1fr;gap:2rem}.overview-sidebar{flex-flow:wrap;position:static}.color-grid,.logo-versions-grid,.donts-grid,.deliverables-grid{grid-template-columns:1fr 1fr}.typo-showcase,.exclusion-zone{grid-template-columns:1fr}}@media (width<=640px){.proj-hero-inner{padding:4rem 1.5rem}.color-grid{grid-template-columns:1fr}.donts-grid{grid-template-columns:1fr 1fr}.deliverables-grid{grid-template-columns:1fr}.proj-nav-footer{flex-direction:column;gap:1.5rem}}