.page-brutalist{--bg:#f0ede6;--black:#0a0a0a;--red:#e63946;--yellow:#ffbe0b;--white:#fff;--border:3px solid #0a0a0a;--border-thick:4px solid #0a0a0a;--font-heading:"Space Mono",monospace;--font-body:"Archivo",sans-serif;font-family:var(--font-body);background-color:var(--bg);color:var(--black);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.page-brutalist *,.page-brutalist :before,.page-brutalist :after{box-sizing:border-box;margin:0;padding:0}.page-brutalist ::selection{background:var(--red);color:var(--white)}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes stampIn{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.page-brutalist .anim-left{opacity:0;animation:.4s cubic-bezier(0,0,.2,1) forwards slideFromLeft}.page-brutalist .anim-right{opacity:0;animation:.4s cubic-bezier(0,0,.2,1) forwards slideFromRight}.page-brutalist .anim-bottom{opacity:0;animation:.4s cubic-bezier(0,0,.2,1) forwards slideFromBottom}.page-brutalist .anim-stamp{opacity:0;animation:.3s cubic-bezier(0,0,.2,1) forwards stampIn}.page-brutalist .delay-1{animation-delay:50ms}.page-brutalist .delay-2{animation-delay:.1s}.page-brutalist .delay-3{animation-delay:.15s}.page-brutalist .delay-4{animation-delay:.2s}.page-brutalist .delay-5{animation-delay:.25s}.page-brutalist .delay-6{animation-delay:.3s}.page-brutalist .delay-7{animation-delay:.35s}.page-brutalist .delay-8{animation-delay:.4s}.page-brutalist .delay-9{animation-delay:.45s}.page-brutalist .delay-10{animation-delay:.5s}.page-brutalist .reveal{opacity:0;transform:translateY(50px)}.page-brutalist .hero{border-bottom:var(--border-thick);flex-direction:column;justify-content:center;min-height:100vh;padding:60px 5vw;display:flex;position:relative;overflow:hidden}.page-brutalist .hero__est{transform-origin:50%;font-family:var(--font-heading);letter-spacing:6px;text-transform:uppercase;color:var(--black);opacity:.5;white-space:nowrap;font-size:clamp(12px,1.2vw,16px);font-weight:700;position:absolute;top:50%;right:28px;transform:rotate(90deg)translate(-50%)}.page-brutalist .hero__accent-circle{background:var(--red);z-index:0;border-radius:50%;width:clamp(120px,20vw,280px);height:clamp(120px,20vw,280px);position:absolute;top:8vh;right:10vw}.page-brutalist .hero__accent-triangle{border-left:50px solid #0000;border-right:50px solid #0000;border-bottom:86px solid var(--yellow);z-index:0;width:0;height:0;position:absolute;bottom:12vh;right:25vw}.page-brutalist .hero__content{z-index:1;position:relative}.page-brutalist .hero__logo{width:100px;height:100px;margin-bottom:20px}.page-brutalist .hero__title{font-family:var(--font-heading);letter-spacing:-4px;color:var(--black);border-bottom:8px solid var(--black);margin-bottom:24px;padding-bottom:12px;font-size:clamp(80px,18vw,260px);font-weight:700;line-height:.85;display:inline-block}.page-brutalist .hero__subtitle-block{background:var(--yellow);border:var(--border);font-family:var(--font-heading);letter-spacing:4px;text-transform:uppercase;margin-bottom:20px;padding:10px 24px;font-size:clamp(14px,2vw,24px);font-weight:700;display:inline-block}.page-brutalist .hero__tagline{font-family:var(--font-body);color:var(--black);max-width:500px;font-size:clamp(16px,2vw,22px);font-weight:500;line-height:1.5}.page-brutalist .hero__tagline strong{font-weight:800}.page-brutalist .hero__grid-line{background:var(--black);opacity:.06;position:absolute}.page-brutalist .hero__grid-line--h1{height:1px;top:33%;left:0;right:0}.page-brutalist .hero__grid-line--h2{height:1px;top:66%;left:0;right:0}.page-brutalist .hero__grid-line--v1{width:1px;top:0;bottom:0;left:33%}.page-brutalist .hero__grid-line--v2{width:1px;top:0;bottom:0;left:66%}.page-brutalist .manifesto{border-top:var(--border-thick);border-bottom:var(--border-thick);display:flex;overflow:hidden}.page-brutalist .manifesto__segment{font-family:var(--font-heading);text-align:center;text-transform:uppercase;letter-spacing:2px;flex:1;padding:28px 20px;font-size:clamp(13px,1.8vw,20px);font-weight:700;line-height:1.5}.page-brutalist .manifesto__segment--black{background:var(--black);color:var(--white)}.page-brutalist .manifesto__segment--yellow{background:var(--yellow);color:var(--black)}@media (max-width:768px){.page-brutalist .manifesto{flex-direction:column}.page-brutalist .manifesto__segment{padding:20px 16px}}.page-brutalist .modules{border-bottom:var(--border-thick);padding:80px 5vw}.page-brutalist .modules__header{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-1px;margin-bottom:12px;font-size:clamp(36px,6vw,72px);font-weight:700;display:inline-block;position:relative}.page-brutalist .modules__header:after{content:"";background:var(--red);width:80px;height:6px;margin-top:8px;display:block}.page-brutalist .modules__subheader{font-family:var(--font-body);max-width:550px;margin-bottom:50px;font-size:clamp(14px,1.6vw,18px);font-weight:500;line-height:1.6}.page-brutalist .modules__grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.page-brutalist .module-card:first-child,.page-brutalist .module-card:nth-child(4),.page-brutalist .module-card:nth-child(5),.page-brutalist .module-card:nth-child(8){grid-column:span 2}.page-brutalist .module-card{border:var(--border);cursor:pointer;flex-direction:column;justify-content:flex-end;min-height:220px;margin-top:-3px;margin-left:-3px;padding:36px 28px 28px;transition:none;display:flex;position:relative;overflow:hidden}.page-brutalist .module-card__number{font-family:var(--font-heading);color:var(--black);opacity:.05;pointer-events:none;z-index:0;font-size:clamp(100px,12vw,160px);font-weight:700;line-height:1;position:absolute;top:-10px;right:10px}.page-brutalist .module-card__content{z-index:1;position:relative}.page-brutalist .module-card__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:clamp(16px,2vw,22px);font-weight:700;line-height:1.2}.page-brutalist .module-card__desc{font-family:var(--font-body);color:var(--black);opacity:.75;font-size:clamp(13px,1.2vw,15px);font-weight:400;line-height:1.55}.page-brutalist .module-card:nth-child(odd):hover{background:var(--red)}.page-brutalist .module-card:nth-child(odd):hover .module-card__title,.page-brutalist .module-card:nth-child(odd):hover .module-card__desc{color:var(--white);opacity:1}.page-brutalist .module-card:nth-child(odd):hover .module-card__number{color:var(--white);opacity:.12}.page-brutalist .module-card:nth-child(2n):hover{background:var(--yellow)}.page-brutalist .module-card:nth-child(2n):hover .module-card__title,.page-brutalist .module-card:nth-child(2n):hover .module-card__desc{color:var(--black);opacity:1}.page-brutalist .module-card:nth-child(2n):hover .module-card__number{color:var(--black);opacity:.12}@media (max-width:1024px){.page-brutalist .modules__grid{grid-template-columns:repeat(2,1fr)}.page-brutalist .module-card:first-child,.page-brutalist .module-card:nth-child(4),.page-brutalist .module-card:nth-child(5),.page-brutalist .module-card:nth-child(8){grid-column:span 2}}@media (max-width:600px){.page-brutalist .modules__grid{grid-template-columns:1fr}.page-brutalist .module-card,.page-brutalist .module-card:first-child,.page-brutalist .module-card:nth-child(4),.page-brutalist .module-card:nth-child(5),.page-brutalist .module-card:nth-child(8){grid-column:span 1}.page-brutalist .module-card{min-height:180px}}.page-brutalist .stats{border-bottom:var(--border-thick);display:flex}.page-brutalist .stats__item{text-align:center;border-right:var(--border-thick);flex:1;padding:60px 20px;position:relative;overflow:hidden}.page-brutalist .stats__item:last-child{border-right:none}.page-brutalist .stats__number{font-family:var(--font-heading);margin-bottom:8px;font-size:clamp(64px,12vw,140px);font-weight:700;line-height:1;display:block}.page-brutalist .stats__item:first-child .stats__number{color:var(--black)}.page-brutalist .stats__item:nth-child(2) .stats__number{color:var(--red)}.page-brutalist .stats__item:nth-child(3) .stats__number{color:var(--yellow)}.page-brutalist .stats__label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:4px;opacity:.7;font-size:clamp(12px,1.4vw,16px);font-weight:700}.page-brutalist .stats__item:first-child:before{content:"";border:3px solid var(--black);opacity:.15;border-radius:50%;width:24px;height:24px;position:absolute;top:12px;left:12px}.page-brutalist .stats__item:nth-child(2):after{content:"";background:var(--red);opacity:.15;width:20px;height:20px;position:absolute;bottom:12px;right:12px}.page-brutalist .stats__item:nth-child(3):before{content:"";border-left:12px solid #0000;border-right:12px solid #0000;border-bottom:20px solid var(--yellow);opacity:.25;width:0;height:0;position:absolute;top:12px;right:12px}@media (max-width:600px){.page-brutalist .stats{flex-direction:column}.page-brutalist .stats__item{border-right:none;border-bottom:var(--border-thick);padding:40px 20px}.page-brutalist .stats__item:last-child{border-bottom:none}}.page-brutalist .footer{border-top:var(--border-thick);padding:50px 5vw 40px;position:relative;overflow:hidden}.page-brutalist .footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-brutalist .footer__brand{font-family:var(--font-heading);letter-spacing:-1px;font-size:clamp(28px,4vw,44px);font-weight:700}.page-brutalist .footer__tagline{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:4px;opacity:.5;margin-top:6px;font-size:clamp(11px,1.2vw,14px);font-weight:700}.page-brutalist .footer__right{align-items:center;gap:20px;display:flex}.page-brutalist .footer__circle{border:3px solid var(--black);border-radius:50%;flex-shrink:0;width:32px;height:32px}.page-brutalist .footer__circle--filled{background:var(--red);border-color:var(--red)}.page-brutalist .footer__circle--yellow{background:var(--yellow);border-color:var(--yellow)}.page-brutalist .footer__line{background:var(--black);width:60px;height:3px}.page-brutalist .footer__copyright{font-family:var(--font-body);opacity:.4;margin-top:30px;font-size:12px}.page-brutalist .footer__bg-shape{border:4px solid var(--black);opacity:.04;width:200px;height:200px;position:absolute;bottom:-40px;right:-20px;transform:rotate(15deg)}.page-brutalist .side-text{transform-origin:0;font-family:var(--font-heading);letter-spacing:6px;text-transform:uppercase;color:var(--black);opacity:.12;pointer-events:none;z-index:999;white-space:nowrap;font-size:10px;font-weight:700;position:fixed;top:50%;left:-2px;transform:rotate(-90deg)translate(-50%)}@media (max-width:768px){.page-brutalist .side-text,.page-brutalist .hero__est,.page-brutalist .hero__accent-triangle{display:none}.page-brutalist .hero__accent-circle{width:100px;height:100px;top:20px;right:20px}}.page-brutalist .visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes scrollBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.page-brutalist .scroll-indicator{z-index:2;transition:opacity .4s ease-out;animation:2s ease-in-out 1s infinite scrollBounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.page-brutalist .scroll-indicator__arrow{border-right:3px solid var(--black);border-bottom:3px solid var(--black);opacity:.4;width:24px;height:24px;transform:rotate(45deg)}@media (max-width:1024px){.page-brutalist .scroll-indicator{display:none}}@media (max-height:700px){.page-brutalist .scroll-indicator{display:none}}