@media only screen and (min-width: 0rem) {#hero, #about, #services, #projects, #areas, #cta {font-family: var(--bodyFont, 'Inter', system-ui, sans-serif);}.box {width: 100%;max-width: 80rem;margin: 0 auto;}#hero h1, .title {font-family: var(--headingFont, 'Space Grotesk', system-ui, sans-serif);font-weight: 700;line-height: 1.08;letter-spacing: -0.02em;color: var(--headerColor, #0e0e0e);margin: 0;}.title {font-size: clamp(2rem, 5vw, 3rem);}.r {color: var(--primary, #e92024);}.head {text-align: center;max-width: 44rem;margin: 0 auto 2.75rem;}.btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;font-family: var(--bodyFont, 'Inter', system-ui, sans-serif);font-size: 0.9375rem;font-weight: 700;letter-spacing: 0.02em;text-transform: uppercase;text-decoration: none;padding: 0.95rem 1.7rem;border-radius: 999px;cursor: pointer;border: 2px solid transparent;transition: transform 0.2s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;}.btn svg {transition: transform 0.2s ease;}.btn-primary {background: var(--primary, #e92024);border-color: var(--primary, #e92024);color: #fff;box-shadow: 0 0.5rem 1.25rem -0.55rem rgba(233, 32, 36, 0.4);}.btn-primary:hover {background: var(--primary-dark, #c2161b);border-color: var(--primary-dark, #c2161b);transform: translateY(-2px);box-shadow: 0 0.7rem 1.6rem -0.5rem rgba(233, 32, 36, 0.55);}.btn-primary:hover svg {transform: translateX(4px);}.btn-ghost {background: transparent;color: #fff;border-color: rgba(255, 255, 255, 0.35);}.btn-ghost:hover {border-color: var(--primary, #e92024);color: var(--primaryLight, #ff5a5e);transform: translateY(-2px);}a:focus-visible, .btn:focus-visible {outline: 2px solid var(--primary, #e92024);outline-offset: 3px;}.reveal {opacity: 0;transform: translateY(18px);transition: opacity 0.6s ease, transform 0.6s ease;}.reveal.is-visible {opacity: 1;transform: none;}}@media only screen and (min-width: 0rem) {#hero {position: relative;min-height: 90svh;display: flex;align-items: center;padding: 9rem 1.25rem 4rem;overflow: hidden;isolation: isolate;background: var(--secondary, #0e0e0e);text-align: center;}#hero .hero-bg {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -3;filter: brightness(0.72);}#hero .hero-veil {position: absolute;inset: 0;z-index: -2;background: radial-gradient(120% 90% at 50% 38%, rgba(14, 14, 14, 0.6) 0%, rgba(14, 14, 14, 0.84) 60%, rgba(14, 14, 14, 0.97) 100%), linear-gradient(180deg, rgba(14, 14, 14, 0.45) 0%, rgba(14, 14, 14, 0.72) 100%);}#hero .hero-glow {position: absolute;top: -14%;right: -8%;width: 34rem;height: 34rem;z-index: -1;pointer-events: none;background: none;}#hero .hero-inner {max-width: 50rem;margin: 0 auto;}#hero h1 {font-size: clamp(2.6rem, 9vw, 4.75rem);line-height: 1.15;color: #fff;margin-bottom: 1.4rem;}#hero h1 .r {color: #fff;background: var(--primary, #e92024);padding: 0.04em 0.3em;border-radius: 0.1em;box-decoration-break: clone;-webkit-box-decoration-break: clone;}#hero .sub {font-size: clamp(1.0625rem, 2.4vw, 1.2rem);line-height: 1.7;color: rgba(255, 255, 255, 0.82);max-width: 38rem;margin: 0 auto 2.25rem;}#hero .hero-cta {display: flex;flex-wrap: wrap;gap: 0.875rem;justify-content: center;}}@media only screen and (min-width: 48rem) {#hero {padding: 10rem 2.5rem 5rem;}#hero .hero-glow {width: 44rem;height: 44rem;}}@media only screen and (min-width: 64rem) {#hero {padding: 11rem 3rem 6rem;}}@media only screen and (min-width: 0rem) {#about {padding: clamp(3.5rem, 7vw, 6rem) 1.25rem;background: var(--white, #ffffff);}#about .wrap {display: grid;grid-template-columns: 1fr;gap: 3rem;align-items: center;}#about .about-visual {position: relative;max-width: 30rem;margin: 0 auto;padding: 0 0 1.25rem 1.25rem;}#about .about-img-wrap {position: relative;z-index: 1;border-radius: 1rem;overflow: hidden;box-shadow: 0 1.4rem 3rem -1.2rem rgba(14, 14, 14, 0.4);}#about .about-img-wrap img {width: 100%;height: auto;aspect-ratio: 4 / 5;object-fit: cover;display: block;}#about .about-visual::before {content: '';position: absolute;left: 0;bottom: 0;width: 66%;height: 70%;border: 2px solid var(--primary, #e92024);border-radius: 1rem;box-shadow: 0 0 26px -6px rgba(233, 32, 36, 0.5);z-index: 0;}#about .about-badge {position: absolute;top: 1rem;right: -0.4rem;z-index: 2;display: flex;flex-direction: column;line-height: 1;background: var(--primary, #e92024);color: #fff;padding: 0.85rem 1.15rem;border-radius: 0.7rem;box-shadow: 0 0.7rem 1.6rem -0.4rem rgba(233, 32, 36, 0.7);}#about .about-badge .num {font-family: var(--headingFont, 'Space Grotesk', system-ui, sans-serif);font-weight: 700;font-size: 1.9rem;}#about .about-badge .label {font-family: var(--bodyFont, 'Inter', system-ui, sans-serif);font-weight: 600;text-transform: uppercase;letter-spacing: 0.06em;font-size: 0.62rem;margin-top: 0.3rem;}#about .about-copy {text-align: center;}#about .about-copy .title {margin-bottom: 1.25rem;}#about .about-copy p {font-size: 1.0625rem;line-height: 1.75;color: var(--bodyTextColor, #4e4b66);margin: 0 0 1.1rem 0;}#about .about-copy p:last-child {margin-bottom: 0;}}@media only screen and (min-width: 64rem) {#about {padding: 6.5rem 3rem;}#about .wrap {grid-template-columns: 0.85fr 1.15fr;gap: 5rem;}#about .about-visual {margin: 0;}#about .about-copy {text-align: left;}}@media only screen and (min-width: 0rem) {#services {padding: clamp(3.5rem, 7vw, 6rem) 1.25rem;background: var(--smoke, #f6f6f8);}#services .svc-grid {display: grid;grid-template-columns: 1fr;gap: 1rem;}#services .svc {display: flex;flex-direction: column;align-items: center;text-align: center;background: var(--white, #ffffff);border: 1px solid var(--line, #e7e7ec);border-radius: 1rem;padding: 1.9rem 1.6rem;box-shadow: 0 0.6rem 1.6rem -1.1rem rgba(14, 14, 14, 0.4);transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;}#services .svc:hover {transform: translateY(-4px);border-color: var(--primary, #e92024);box-shadow: 0 1.1rem 2.2rem -1rem rgba(233, 32, 36, 0.4);}#services .ico {display: inline-flex;align-items: center;justify-content: center;width: 3.25rem;height: 3.25rem;border-radius: 0.8rem;background: rgba(233, 32, 36, 0.1);border: 1px solid rgba(233, 32, 36, 0.22);color: var(--primary, #e92024);margin-bottom: 1.1rem;transition: background 0.25s ease, color 0.25s ease;}#services .ico svg {width: 1.6rem;height: 1.6rem;}#services .svc:hover .ico {background: var(--primary, #e92024);color: #fff;}#services .svc h3 {font-family: var(--headingFont, 'Space Grotesk', system-ui, sans-serif);font-size: 1.2rem;font-weight: 700;line-height: 1.2;color: var(--headerColor, #0e0e0e);margin: 0 0 0.6rem 0;}#services .svc p {font-size: 0.98rem;line-height: 1.6;color: var(--bodyTextColor, #4e4b66);margin: 0;}}@media only screen and (min-width: 48rem) {#services .svc-grid {grid-template-columns: repeat(2, 1fr);gap: 1.2rem;}}@media only screen and (min-width: 64rem) {#services {padding: 6.5rem 3rem;}#services .svc-grid {grid-template-columns: repeat(3, 1fr);}}@media only screen and (min-width: 0rem) {#projects {position: relative;padding: clamp(3.5rem, 7vw, 6rem) 1.25rem;background: var(--secondary, #0e0e0e);overflow: hidden;isolation: isolate;}#projects .proj-glow {position: absolute;top: -12%;left: 50%;transform: translateX(-50%);width: 42rem;height: 24rem;z-index: -1;pointer-events: none;background: radial-gradient(ellipse, rgba(233, 32, 36, 0.16) 0%, rgba(233, 32, 36, 0) 70%);}#projects .head .title {color: #fff;}#projects .proj-viewport {overflow-x: auto;scroll-snap-type: x mandatory;-ms-overflow-style: none;scrollbar-width: none;-webkit-overflow-scrolling: touch;}#projects .proj-viewport::-webkit-scrollbar {display: none;}#projects .proj-track {list-style: none;margin: 0;padding: 0;display: flex;gap: 1rem;}#projects .proj-slide {flex: 0 0 86%;scroll-snap-align: start;border-radius: 1rem;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.1);aspect-ratio: 4 / 3;background: var(--secondaryColor, #181818);box-shadow: 0 1rem 2.4rem -1.4rem rgba(0, 0, 0, 0.8);transition: border-color 0.25s ease;}#projects .proj-slide img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;}#projects .proj-slide:hover {border-color: rgba(233, 32, 36, 0.5);}#projects .proj-slide:hover img {transform: scale(1.05);}#projects .proj-nav {display: flex;justify-content: center;gap: 0.75rem;margin-top: 2rem;}#projects .pbtn {width: 3.25rem;height: 3.25rem;border-radius: 0.7rem;display: flex;align-items: center;justify-content: center;background: transparent;color: #fff;border: 1.5px solid rgba(255, 255, 255, 0.22);cursor: pointer;transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.2s ease;}#projects .pbtn:hover {background: var(--primary, #e92024);border-color: var(--primary, #e92024);color: #fff;transform: translateY(-2px);}#projects .pbtn:focus-visible {outline: 2px solid var(--primary, #e92024);outline-offset: 3px;}}@media only screen and (min-width: 48rem) {#projects .proj-slide {flex-basis: 47%;}}@media only screen and (min-width: 64rem) {#projects {padding: 6.5rem 3rem;}#projects .proj-slide {flex-basis: 31.7%;}}@media only screen and (min-width: 0rem) {#areas {padding: clamp(3.5rem, 7vw, 6rem) 1.25rem;background: var(--white, #ffffff);}#areas .areas-intro {font-size: 1.0625rem;line-height: 1.7;color: var(--bodyTextColor, #4e4b66);margin: 1rem 0 0 0;}#areas .areas-list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 0.75rem;}#areas .areas-list li {display: inline-flex;align-items: center;gap: 0.55rem;background: var(--smoke, #f6f6f8);border: 1px solid var(--line, #e7e7ec);color: var(--headerColor, #0e0e0e);font-size: 0.9375rem;font-weight: 600;padding: 0.7rem 1.15rem;border-radius: 999px;transition: border-color 0.25s ease, background 0.25s ease, transform 0.2s ease;}#areas .areas-list li::before {content: '';width: 7px;height: 7px;border-radius: 50%;background: var(--primary, #e92024);box-shadow: 0 0 8px 1px rgba(233, 32, 36, 0.7);}#areas .areas-list li:hover {border-color: var(--primary, #e92024);background: rgba(233, 32, 36, 0.06);transform: translateY(-2px);}#areas .areas-list li.more {border-style: dashed;color: var(--bodyTextColor, #4e4b66);font-style: italic;}#areas .areas-list li.more::before {display: none;}}@media only screen and (min-width: 64rem) {#areas {padding: 6.5rem 3rem;}}@media only screen and (min-width: 0rem) {#cta {position: relative;padding: clamp(4rem, 8vw, 7rem) 1.25rem;overflow: hidden;isolation: isolate;background: var(--secondary, #0e0e0e);text-align: center;}#cta::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--primary, #e92024);z-index: 2;}#cta .cta-bg {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -3;filter: brightness(0.8) saturate(1.05);}#cta .cta-veil {position: absolute;inset: 0;z-index: -2;background: radial-gradient(120% 100% at 50% 30%, rgba(14, 14, 14, 0.55) 0%, rgba(14, 14, 14, 0.82) 65%, rgba(14, 14, 14, 0.95) 100%), linear-gradient(180deg, rgba(101, 12, 14, 0.35) 0%, rgba(14, 14, 14, 0.6) 100%);}#cta .cta-glow {position: absolute;bottom: -25%;left: 50%;transform: translateX(-50%);width: 40rem;height: 30rem;z-index: -1;pointer-events: none;background: radial-gradient(ellipse, rgba(233, 32, 36, 0.2) 0%, rgba(233, 32, 36, 0) 68%);}#cta .cta-inner {max-width: 42rem;margin: 0 auto;}#cta h2 {font-family: var(--headingFont, 'Space Grotesk', system-ui, sans-serif);font-size: clamp(2rem, 5.5vw, 3.1rem);font-weight: 700;line-height: 1.08;letter-spacing: -0.02em;color: #fff;margin: 0 0 1rem 0;}#cta p {font-size: 1.0625rem;line-height: 1.7;color: rgba(255, 255, 255, 0.82);margin: 0 auto 2rem;max-width: 36rem;}#cta .cta-actions {display: flex;justify-content: center;}}@media only screen and (min-width: 64rem) {#cta {padding: 7.5rem 3rem;}}@media (prefers-reduced-motion: reduce) {.reveal {opacity: 1 !important;transform: none !important;}#projects .proj-slide:hover img {transform: none;}* {scroll-behavior: auto !important;}}