@keyframes madarOrbit{to{transform: rotate(360deg);}}@keyframes madarSlow{to{transform: rotate(-360deg);}}@keyframes madarRise{from{opacity: 0;transform: translateY(24px);}to{opacity: 1;transform: none;}}.container{width: 100%;max-width: var(--container);margin-inline: auto;padding-inline: var(--gutter);}.text-center{text-align: center;}.skip-link{position: absolute;top: -40px;left: 0;background: var(--madar-green);color: var(--madar-white);padding: 8px 16px;z-index: 100;font-size: var(--fs-small);font-weight: 700;border-bottom-right-radius: var(--r-md);transition: top var(--dur-fast) var(--ease-out);}.skip-link:focus{top: 0;}.display-hero{font-family: var(--font-display);font-size: var(--fs-hero);line-height: var(--lh-tight);letter-spacing: -0.02em;text-transform: uppercase;}.eyebrow{display: inline-flex;align-items: center;gap: 10px;font-family: var(--font-body-en);font-size: var(--fs-tiny);font-weight: 700;letter-spacing: var(--tracking-eyebrow);text-transform: uppercase;color: var(--fg-muted);}.eyebrow--accent{color: var(--madar-yellow);}.lead{font-size: var(--fs-lead);line-height: 1.55;color: var(--fg);}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 14px 26px;border-radius: var(--r-pill);font-family: var(--font-body);font-size: var(--fs-small);font-weight: 700;border: 1px solid transparent;cursor: pointer;transition: background-color var(--dur-fast) var(--ease-orbit), color var(--dur-fast) var(--ease-orbit), border-color var(--dur-fast) var(--ease-orbit), box-shadow var(--dur-fast) var(--ease-orbit), transform var(--dur-fast) var(--ease-orbit);text-decoration: none;border-bottom: none;}.btn--primary{background: var(--madar-green);color: var(--madar-white);}.btn--primary:active{background: var(--green-600);}.btn--ghost{background: transparent;color: var(--madar-green);border-color: var(--madar-green);}.btn--ghost:active{background: var(--madar-green);color: var(--madar-white);}.btn--block{width: 100%;padding: 16px 26px;}.btn--sent{background: var(--madar-yellow);color: var(--madar-green);}.btn--accent{background: var(--madar-yellow);color: var(--madar-green);}.btn--accent:active{background: var(--yellow-600);}.btn--ghost-light{background: transparent;color: var(--madar-white);border-color: var(--madar-white);}.btn--ghost-light:active{background: var(--madar-white);color: var(--madar-green);}.btn .arr{font-family: var(--font-mono);font-weight: 400;}.field{display: flex;flex-direction: column;gap: 6px;}.field label{font-size: 11px;font-weight: 700;letter-spacing: 0.18em;text-transform: uppercase;color: var(--fg-muted);}.field input,
.field select,
.field textarea{font-size: var(--fs-body);padding: 14px 16px;border: 1px solid var(--border-strong);background: #fff;color: var(--madar-text);border-radius: var(--r-md);outline: none;transition:
border-color var(--dur-fast) var(--ease-orbit),
box-shadow var(--dur-fast) var(--ease-orbit);}.field input:focus,
.field select:focus,
.field textarea:focus{border-color: var(--madar-green);box-shadow: 0 0 0 3px rgba(214, 199, 158, 0.4);}.field textarea{min-height: 110px;resize: vertical;}.m-section{padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 64px);position: relative;}.m-section-head{margin-bottom: clamp(40px, 6vw, 72px);max-width: 880px;margin-inline: auto;text-align: center;}.m-section-head--row{display: flex;align-items: center;justify-content: center;gap: 32px;max-width: none;text-align: center;}.m-eyebrow{display: inline-flex;align-items: center;gap: 10px;font-family: var(--font-body-en);font-size: var(--fs-tiny);font-weight: 700;letter-spacing: 0.22em;text-transform: uppercase;color: var(--madar-yellow);margin-bottom: 18px;}.m-eyebrow--accent{color: var(--madar-yellow);}.m-section-title{font-family: var(--font-display);font-size: clamp(36px, 5vw, 72px);line-height: 1.05;letter-spacing: -0.01em;text-transform: uppercase;color: var(--madar-black);margin: 0;}.m-section-title--invert{color: var(--madar-white);}.m-link-arrow{display: inline-flex;align-items: center;gap: 10px;font-family: var(--font-body);font-size: var(--fs-small);font-weight: 700;color: var(--madar-green);border: none;padding-bottom: 4px;border-bottom: 1px solid var(--madar-green);text-decoration: none;}.m-link-arrow:active{opacity: 0.7;}.m-hero{position: relative;overflow: hidden;padding: clamp(60px, 8vw, 110px) clamp(20px, 4vw, 64px) clamp(40px, 6vw, 80px);min-height: 88vh;background: var(--madar-white);display: flex;flex-direction: column;justify-content: space-between;}.m-hero-orbit{position: absolute;inset: 0;pointer-events: none;display: grid;place-items: center;}.m-orbit-ring{position: absolute;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);}.m-orbit-ring--1{width: 36vw;aspect-ratio: 1;border: 1.5px solid var(--green-100);animation: madarOrbit 60s linear infinite;}.m-orbit-ring--2{width: 56vw;aspect-ratio: 1;border: 1.5px solid var(--green-50);animation: madarSlow 90s linear infinite;}.m-orbit-ring--3{width: 78vw;aspect-ratio: 1;border: 1.5px solid var(--green-50);}.m-orbit-core{position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;border-radius: 50%;background: var(--madar-green);transform: translate(-50%, -50%);}.m-orbit-planet{position: absolute;top: 50%;left: 50%;border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);}.m-orbit-planet--a{width: 36vw;aspect-ratio: 1;animation: madarOrbit 60s linear infinite;}.m-orbit-planet--a::before{content: "";position: absolute;top: 50%;right: -10px;width: 22px;height: 22px;border-radius: 50%;background: var(--madar-yellow);transform: translateY(-50%);box-shadow: 0 0 0 6px rgba(214, 199, 158, 0.18);}.m-orbit-planet--b{width: 56vw;aspect-ratio: 1;animation: madarSlow 90s linear infinite;}.m-orbit-planet--b::before{content: "";position: absolute;top: 14%;left: 8%;width: 10px;height: 10px;border-radius: 50%;background: var(--madar-green);opacity: 0.45;}.m-hero-grid{position: relative;z-index: 1;max-width: 1200px;margin: clamp(4px, 1vw, 12px) auto 0;display: grid;gap: clamp(20px, 3vw, 36px);text-align: center;place-items: center;animation: madarRise 800ms var(--ease-orbit) both;}.m-hero-eyebrow{display: inline-flex;align-items: center;gap: 10px;padding: 8px 16px;border: 1px solid var(--border-strong);border-radius: var(--r-pill);background: rgba(255, 255, 255, 0.7);font-size: var(--fs-tiny);font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: var(--fg-muted);}.m-hero-eyebrow .dot{width: 7px;height: 7px;border-radius: 50%;background: var(--madar-yellow);box-shadow: 0 0 0 4px rgba(214, 199, 158, 0.25);flex-shrink: 0;}.m-hero-title{font-family: var(--font-display);font-size: clamp(64px, 11vw, 168px);line-height: 0.92;letter-spacing: -0.02em;text-transform: uppercase;color: var(--madar-black);margin: 0;}.m-hero-title em{font-style: normal;}.m-hero-title .accent{color: var(--madar-green);position: relative;}.m-hero-title .accent::after{content: "";position: absolute;left: -4%;right: -4%;bottom: 6%;height: 6px;background: var(--madar-yellow);z-index: -1;border-radius: 1px;}.m-hero-lead{max-width: 680px;font-size: clamp(16px, 1.4vw, 20px);line-height: 1.6;color: var(--madar-text);margin: 0;}.m-hero-cta{display: flex;gap: 14px;flex-wrap: wrap;justify-content: center;}.m-hero-foot{position: relative;z-index: 1;margin-top: clamp(40px, 6vw, 80px);display: grid;grid-template-columns: repeat(3, auto) 1fr;align-items: end;gap: clamp(20px, 4vw, 60px);padding-top: 24px;border-top: 1px solid var(--border);}.m-hero-foot-item{display: flex;flex-direction: column;gap: 4px;}.m-hero-foot-item .num{font-family: var(--font-display);font-size: clamp(28px, 3vw, 44px);line-height: 1;color: var(--madar-black);}.m-hero-foot-item .lbl{font-size: var(--fs-tiny);letter-spacing: 0.16em;text-transform: uppercase;color: var(--fg-muted);font-weight: 700;}.m-hero-foot-scroll{justify-self: end;display: flex;align-items: center;gap: 12px;font-size: 11px;letter-spacing: 0.22em;text-transform: uppercase;color: var(--fg-muted);font-weight: 700;}.m-hero-foot-scroll .line{width: 56px;height: 1px;background: var(--madar-green);position: relative;}.m-hero-foot-scroll .line::after{content: "";position: absolute;right: -1px;top: -3px;width: 7px;height: 7px;border-top: 1px solid var(--madar-green);border-left: 1px solid var(--madar-green);transform: rotate(-45deg);}[dir="rtl"] .m-hero-foot-scroll .line::after{right: auto;left: -1px;transform: rotate(135deg);}.m-cap{background: var(--madar-white);}.m-cap-grid{display: grid;grid-template-columns: 1.2fr 1fr;gap: clamp(40px, 5vw, 80px);align-items: stretch;}.m-cap-list{border-top: 1px solid var(--border);}.m-cap-item{display: grid;grid-template-columns: 56px 1fr auto;align-items: center;gap: 24px;padding: 24px 8px;border-bottom: 1px solid var(--border);cursor: pointer;transition: background-color var(--dur-fast) var(--ease-orbit), padding-left var(--dur-fast) var(--ease-orbit), padding-right var(--dur-fast) var(--ease-orbit);text-decoration: none;color: inherit;}@media (min-width: 901px){.m-cap-item{text-align: start;}}.m-cap-item.is-active{background: var(--green-50);padding-left: 16px;padding-right: 16px;}.m-cap-num{font-family: var(--font-mono);font-size: var(--fs-small);font-weight: 600;color: var(--fg-muted);letter-spacing: 0.08em;}.m-cap-text{display: flex;flex-direction: column;gap: 4px;}.m-cap-title{font-family: var(--font-display);font-size: clamp(22px, 2vw, 30px);line-height: 1.1;text-transform: uppercase;color: var(--madar-black);}.m-cap-desc{font-size: var(--fs-small);color: var(--fg-muted);line-height: 1.5;max-width: 56ch;}.m-cap-arrow{font-family: var(--font-mono);font-size: 18px;color: var(--madar-green);opacity: 0.4;transition: opacity var(--dur-fast) var(--ease-orbit), transform var(--dur-fast) var(--ease-orbit);}.m-cap-item.is-active .m-cap-arrow{opacity: 1;transform: translateX(4px);}[dir="rtl"] .m-cap-item.is-active .m-cap-arrow{transform: translateX(-4px);}.m-cap-visual{position: relative;height: 100%;min-height: 480px;}.m-cap-visual-inner{background: var(--madar-green);border-radius: var(--r-lg);position: relative;overflow: hidden;height: 100%;min-height: 480px;display: flex;flex-direction: column;justify-content: flex-end;}.m-cap-visual__img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transform: scale(1.04);transition: opacity 500ms var(--ease-out), transform 500ms var(--ease-out);}.m-cap-visual__img.is-active{opacity: 1;transform: scale(1);}.m-cap-visual__overlay{position: absolute;inset: 0;background: linear-gradient(
160deg,
rgba(15,17,15,0.55) 0%,
rgba(15,17,15,0.25) 60%,
rgba(15,17,15,0.55) 100%
);z-index: 1;}.m-cap-visual-meta{position: relative;z-index: 2;color: var(--madar-white);display: flex;align-items: baseline;gap: 16px;border-top: 1px solid rgba(255, 255, 255, 0.18);padding: 18px 28px 28px;}.m-cap-visual-meta .num{font-family: var(--font-mono);font-size: var(--fs-small);color: var(--madar-yellow);letter-spacing: 0.1em;}.m-cap-visual-meta .title{font-family: var(--font-display);font-size: clamp(20px, 1.8vw, 26px);text-transform: uppercase;}.m-projects{background: var(--bg-alt);}.m-projects-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: clamp(24px, 3vw, 40px);}.m-project{display: flex;flex-direction: column;cursor: pointer;transition: transform var(--dur-base) var(--ease-orbit);}.m-project:active{transform: translateY(-2px);}.m-project-img{position: relative;aspect-ratio: 4 / 3;border-radius: var(--r-md);overflow: hidden;border: 1px solid var(--border);background-size: cover;background-position: center;}.m-project-orbit{position: absolute;inset: 0;display: grid;place-items: center;}.m-project-orbit .r{position: absolute;width: 60%;aspect-ratio: 1;border: 1.5px solid rgba(214, 199, 158, 0.55);border-radius: 50%;}.m-project-orbit .r.r1{transform: rotate(-22deg) scaleY(0.42);}.m-project-orbit .r.r2{transform: rotate(22deg) scaleY(0.42);}.m-project-orbit .dot{width: 14px;height: 14px;background: var(--madar-yellow);border-radius: 50%;}.m-project-tag{position: absolute;top: 16px;right: 16px;padding: 6px 12px;background: rgba(249, 249, 249, 0.92);color: var(--madar-green);border-radius: var(--r-pill);font-size: 11px;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;}[dir="rtl"] .m-project-tag{right: auto;left: 16px;}.m-project-body{padding: 18px 4px 0;display: flex;flex-direction: column;gap: 6px;}@media (min-width: 901px){.m-project-body{text-align: start;}}.m-project-code{font-family: var(--font-mono);font-size: 11px;color: var(--fg-muted);letter-spacing: 0.12em;}.m-project-title{font-family: var(--font-display);font-size: clamp(24px, 2.4vw, 36px);text-transform: uppercase;color: var(--madar-black);margin: 0;line-height: 1.05;}.m-project-meta{display: flex;gap: 10px;font-size: 13px;color: var(--fg-muted);}.m-project-meta .dotsep{opacity: 0.5;}.m-studio{background: var(--madar-white);}.m-studio-grid{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(40px, 5vw, 80px);align-items: stretch;}.m-studio-text{display: flex;flex-direction: column;gap: 24px;text-align: start;}.m-studio-lead{font-size: clamp(16px, 1.4vw, 19px);line-height: 1.65;color: var(--madar-text);margin: 0;max-width: 56ch;}.m-studio-stats{display: grid;grid-template-columns: repeat(2, 1fr);gap: 18px;margin-top: 24px;padding-top: 28px;border-top: 1px solid var(--border);}.m-studio-stats .stat{display: flex;flex-direction: column;gap: 4px;align-items: flex-start;text-align: start;}.m-studio-stats .num{font-family: var(--font-display);font-size: clamp(52px, 5vw, 72px);line-height: 1;color: var(--madar-green);}.m-studio-stats .lbl{font-size: var(--fs-small);letter-spacing: 0.14em;text-transform: uppercase;color: var(--fg-muted);font-weight: 700;}.m-studio-photo{position: relative;border-radius: var(--r-lg);overflow: hidden;min-height: 480px;background: var(--madar-green);}.m-studio-photo-bg{position: absolute;inset: 0;background:
radial-gradient(circle at 30% 30%, rgba(214, 199, 158, 0.18) 0%, transparent 50%),
radial-gradient(circle at 70% 70%, rgba(214, 199, 158, 0.08) 0%, transparent 60%),
linear-gradient(160deg, rgba(28,36,27,0.85) 0%, rgba(35,45,34,0.85) 50%, rgba(22,29,21,0.85) 100%),
url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=800&q=80');background-size: cover;background-position: center;}.m-studio-photo-bg::before,
.m-studio-photo-bg::after{content: "";position: absolute;top: 50%;left: 50%;width: 70%;aspect-ratio: 1;border-radius: 50%;border: 1.5px solid rgba(214, 199, 158, 0.22);transform: translate(-50%, -50%);}.m-studio-photo-bg::before{animation: madarOrbit 80s linear infinite;}.m-studio-photo-bg::after{width: 110%;border-color: rgba(214,199,158,0.12);animation: madarSlow 120s linear infinite;}.m-studio-photo-overlay{position: absolute;bottom: 24px;left: 24px;right: 24px;display: flex;justify-content: space-between;color: var(--madar-yellow);}.m-studio-photo-overlay .caption{font-size: var(--fs-tiny);letter-spacing: 0.16em;text-transform: uppercase;font-weight: 700;}.m-studio-corner-mark{position: absolute;top: 24px;right: 24px;}[dir="rtl"] .m-studio-corner-mark{right: auto;left: 24px;}.m-process{background: var(--madar-green);color: var(--madar-white);}.m-process .m-section-title{color: var(--madar-white);}.m-process-track{position: relative;display: grid;grid-template-columns: repeat(5, 1fr);gap: 0;margin-bottom: 60px;padding: 40px 0;}.m-process-line{position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: rgba(255, 255, 255, 0.18);}.m-process-step{position: relative;background: transparent;border: none;cursor: pointer;color: inherit;display: flex;flex-direction: column;align-items: center;gap: 14px;padding: 0;font-family: inherit;}.m-process-roman{font-family: var(--font-display);font-size: clamp(22px, 2vw, 28px);color: rgba(255, 255, 255, 0.4);transition: color var(--dur-fast) var(--ease-orbit);}.m-process-step.is-active .m-process-roman{color: var(--madar-yellow);}.m-process-dot{width: 16px;height: 16px;border-radius: 50%;background: var(--madar-green);border: 1.5px solid rgba(255, 255, 255, 0.4);transition: background-color var(--dur-fast) var(--ease-orbit), border-color var(--dur-fast) var(--ease-orbit), box-shadow var(--dur-fast) var(--ease-orbit);}.m-process-step.is-active .m-process-dot{background: var(--madar-yellow);border-color: var(--madar-yellow);box-shadow: 0 0 0 6px rgba(214, 199, 158, 0.2);}.m-process-label{font-size: 13px;letter-spacing: 0.16em;text-transform: uppercase;font-weight: 700;color: rgba(255, 255, 255, 0.6);transition: color var(--dur-fast) var(--ease-orbit);}.m-process-step.is-active .m-process-label{color: var(--madar-white);}.m-process-detail{display: grid;grid-template-columns: 120px 1fr;gap: 32px;align-items: start;max-width: 880px;margin: 0 auto;}.m-process-detail-num{font-family: var(--font-display);font-size: 96px;line-height: 0.9;color: var(--madar-yellow);}.m-process-detail-text{font-size: clamp(18px, 1.6vw, 22px);line-height: 1.55;color: var(--madar-white);margin: 0;}.m-contact{background: var(--madar-white);}.m-contact-grid{display: grid;grid-template-columns: 1fr 1.2fr;gap: clamp(40px, 5vw, 80px);align-items: start;}.m-contact-image{grid-column: 1 / -1;width: 100%;height: 320px;object-fit: cover;border-radius: var(--r-lg);}.m-contact-text{display: flex;flex-direction: column;gap: 16px;}.m-contact-lead{font-size: clamp(16px, 1.4vw, 19px);line-height: 1.6;color: var(--madar-text);margin: 0;}.m-contact-meta{margin: 16px 0 0;padding: 24px 0 0;border-top: 1px solid var(--border);display: flex;flex-direction: column;gap: 14px;}.m-contact-meta li{display: grid;grid-template-columns: 100px 1fr;gap: 16px;}.m-contact-meta .lbl{font-size: 11px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--fg-muted);font-weight: 700;padding-top: 4px;}.m-contact-meta .val{font-size: var(--fs-body);color: var(--madar-text);}.m-contact-socials{margin-top: var(--space-6);padding-top: var(--space-5);border-top: 1px solid var(--border);display: flex;flex-direction: column;gap: var(--space-3);}.m-contact-socials > .lbl{font-size: 11px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--fg-muted);font-weight: 700;}.m-contact-socials__row{display: flex;gap: var(--space-3);}.m-contact-socials__row a{width: 44px;height: 44px;border-radius: 50%;border: 1px solid var(--border);color: var(--madar-green);display: grid;place-items: center;transition: background-color 200ms var(--ease-out), color 200ms var(--ease-out), border-color 200ms var(--ease-out), transform 200ms var(--ease-out);}.m-contact-socials__row a:active{background: var(--madar-green);color: var(--madar-white);border-color: var(--madar-green);transform: translateY(-1px);}.m-form{display: grid;grid-template-columns: 1fr 1fr;gap: 18px;}.m-field{display: flex;flex-direction: column;gap: 6px;}.m-field--wide{grid-column: 1 / -1;}.m-field label{font-size: 11px;font-weight: 700;letter-spacing: 0.18em;text-transform: uppercase;color: var(--fg-muted);}.m-field input,
.m-field select,
.m-field textarea{font-family: inherit;font-size: var(--fs-body);padding: 14px 16px;border: 1px solid var(--border-strong);background: #fff;color: var(--madar-text);border-radius: var(--r-sm);outline: none;transition:
border-color var(--dur-fast) var(--ease-orbit),
box-shadow var(--dur-fast) var(--ease-orbit);}.m-field input:focus,
.m-field select:focus,
.m-field textarea:focus{border-color: var(--madar-green);box-shadow: 0 0 0 3px rgba(214, 199, 158, 0.4);}.m-field textarea{min-height: 110px;resize: vertical;}.m-form .m-btn--block{grid-column: 1 / -1;}.m-field-error{font-size: var(--fs-tiny);color: #c0392b;min-height: 0;display: block;}.m-field-error:empty{display: none;}.m-footer{background: var(--madar-black);color: var(--madar-white);padding: clamp(60px, 8vw, 100px) clamp(20px, 4vw, 64px) 32px;}.m-footer-top{display: grid;grid-template-columns: 1.2fr 2fr;gap: clamp(40px, 5vw, 80px);padding-bottom: 56px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.m-footer-brand{display: flex;flex-direction: column;align-items: flex-start;gap: 24px;}.m-footer-brand__identity{display: flex;align-items: center;gap: 18px;}.m-footer-socials{display: flex;gap: 16px;}.m-footer-socials a{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;color: rgba(255, 255, 255, 0.55);text-decoration: none;transition: color 0.2s ease;}.m-footer-socials a:hover{color: var(--madar-yellow);}.m-footer-socials svg{width: 20px;height: 20px;}.m-footer-word{font-family: var(--font-display);font-size: 32px;letter-spacing: 0.04em;text-transform: uppercase;color: var(--madar-yellow);line-height: 1;}.m-footer-tag{font-size: var(--fs-tiny);letter-spacing: 0.22em;text-transform: uppercase;color: rgba(255, 255, 255, 0.55);margin-top: 6px;}.m-footer-cols{display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;}.m-footer-cols .head{font-family: var(--font-body-en);font-size: 11px;font-weight: 700;letter-spacing: 0.22em;text-transform: uppercase;color: var(--madar-yellow);margin-bottom: 14px;display: block;}.m-footer-cols a{display: flex;align-items: center;min-height: 44px;padding: 5px 0;color: rgba(255, 255, 255, 0.7);border: none;font-size: var(--fs-small);text-decoration: none;}.m-footer-cols a:active{color: var(--madar-white);opacity: 1;}.m-footer-bottom{display: flex;justify-content: space-between;padding-top: 24px;font-size: var(--fs-tiny);color: rgba(255, 255, 255, 0.4);letter-spacing: 0.06em;}.m-footer-legal{display: flex;gap: 18px;}.m-footer-legal a{display: inline-flex;align-items: center;min-height: 44px;color: inherit;border: none;text-decoration: none;}@media (hover: hover){.btn:hover{opacity: 1;}.btn--primary:hover{background: var(--green-600);}.btn--ghost:hover{background: var(--madar-green);color: var(--madar-white);}.btn--accent:hover{background: var(--yellow-600);}.btn--ghost-light:hover{background: var(--madar-white);color: var(--madar-green);}.m-link-arrow:hover{opacity: 0.7;}.m-cap-item:hover{background: var(--green-50);padding-left: 16px;padding-right: 16px;}.m-project:hover{transform: translateY(-4px);}.m-footer-cols a:hover{color: var(--madar-white);opacity: 1;}.m-contact-socials__row a:hover{background: var(--madar-green);color: var(--madar-white);border-color: var(--madar-green);transform: translateY(-3px);}}@media (max-width: 900px){.m-section{padding: clamp(56px, 8vw, 100px) clamp(20px, 4vw, 64px);}.m-section-head{margin-bottom: clamp(32px, 5vw, 56px);}.m-section-head--row{flex-direction: column;align-items: flex-start;gap: var(--space-5);}.m-hero{padding: clamp(48px, 7vw, 90px) clamp(20px, 4vw, 64px) clamp(32px, 5vw, 64px);min-height: auto;}.m-cap-grid,
.m-studio-grid,
.m-contact-grid,
.m-projects-grid,
.m-footer-top{grid-template-columns: 1fr;gap: clamp(28px, 4vw, 48px);}.m-process-track{grid-template-columns: 1fr;gap: var(--space-3);padding: var(--space-4) 0;margin-bottom: var(--space-10);}.m-process-line{display: none;}.m-process-step{flex-direction: row;justify-content: flex-start;gap: 10px;min-height: 44px;}.m-process-detail{grid-template-columns: 80px 1fr;gap: 24px;}.m-process-detail-num{font-size: 64px;}.m-form{grid-template-columns: 1fr;}.m-hero-foot{grid-template-columns: repeat(3, 1fr);gap: clamp(16px, 3vw, 40px);margin-top: clamp(32px, 5vw, 64px);}.m-hero-foot-scroll{display: none;}.m-footer{padding: clamp(48px, 7vw, 80px) clamp(20px, 4vw, 64px) 28px;}.m-footer-top{padding-bottom: 40px;}.m-footer-cols{grid-template-columns: repeat(2, 1fr);gap: var(--space-6);}.m-contact-meta li{grid-template-columns: 90px 1fr;gap: 12px;}.btn{padding: 16px 28px;min-height: 48px;}.m-cap-visual,
.m-cap-visual-inner{min-height: 360px;}.m-studio-photo{min-height: 360px;}.m-orbit-ring--1{width: 50vw;}.m-orbit-ring--2{width: 72vw;}.m-orbit-ring--3{width: 96vw;}.m-orbit-planet--a{width: 50vw;}.m-orbit-planet--b{width: 72vw;}}@media (max-width: 768px){.m-projects-grid{grid-template-columns: 1fr;}.m-cap-visual,
.m-cap-visual-inner{min-height: 320px;}.m-studio-photo{min-height: 320px;}}@media (max-width: 600px){.m-hero-title{font-size: clamp(40px, 12vw, 64px);}.m-hero-eyebrow{padding: 6px 14px;font-size: 11px;}.m-hero-lead{font-size: 16px;}.m-hero-cta{flex-direction: column;align-items: stretch;width: 100%;gap: var(--space-3);}.m-hero-cta .btn{width: 100%;padding: 16px 26px;}.m-hero-foot{grid-template-columns: repeat(2, 1fr);gap: 16px;padding-top: 20px;}.m-hero-foot-item .num{font-size: clamp(24px, 5vw, 32px);}.m-hero-foot-item .lbl{font-size: 11px;letter-spacing: 0.12em;}.m-section{padding: clamp(48px, 10vw, 72px) clamp(16px, 4vw, 32px);}.m-section-head{margin-bottom: 28px;}.m-section-title{font-size: clamp(30px, 8vw, 48px);}.m-eyebrow{font-size: 11px;margin-bottom: 14px;}.m-footer-cols{grid-template-columns: 1fr;gap: 24px;}.m-footer-bottom{flex-direction: column;gap: 12px;text-align: center;}.m-footer-legal{justify-content: center;}.m-process-detail{grid-template-columns: 1fr;gap: 16px;text-align: center;}.m-process-detail-num{font-size: 56px;}.m-contact-meta{gap: 12px;}.m-contact-meta li{grid-template-columns: 1fr;gap: 4px;}.m-contact-meta .lbl{padding-top: 0;}.m-contact-socials__row a{width: 48px;height: 48px;}.m-field input,
.m-field select,
.m-field textarea{padding: 16px;min-height: 52px;}.m-cap-item{grid-template-columns: 40px 1fr auto;gap: 16px;padding: var(--space-5) var(--space-2);transition: background-color var(--dur-fast) var(--ease-orbit);}.m-cap-item.is-active{padding-left: var(--space-2);padding-right: var(--space-2);}.m-cap-title{font-size: clamp(20px, 5vw, 26px);}.m-project-title{font-size: clamp(22px, 6vw, 30px);}.m-project-body{padding: var(--space-3) 0 0;}.m-studio-stats{grid-template-columns: repeat(2, 1fr);gap: 16px;}.m-studio-stats .num{font-size: clamp(40px, 10vw, 56px);}.lead{font-size: 18px;}.m-orbit-ring--1{width: 60vw;}.m-orbit-ring--2{width: 85vw;}.m-orbit-ring--3{width: 110vw;}.m-orbit-planet--a{width: 60vw;}.m-orbit-planet--b{width: 85vw;}}@media (max-width: 480px){.m-hero-title{font-size: clamp(34px, 11vw, 48px);}.m-hero{padding: var(--space-10) var(--space-4) var(--space-8);}.m-hero-grid{gap: var(--space-4);}.m-hero-cta{gap: var(--space-3);}.m-hero-foot{grid-template-columns: repeat(2, 1fr);gap: var(--space-3);}.m-section{padding: var(--space-10) var(--space-4);}.m-section-head{margin-bottom: var(--space-6);}.m-section-title{font-size: clamp(26px, 7.5vw, 40px);}.m-footer{padding: var(--space-10) var(--space-4) var(--space-6);}.m-footer-top{gap: var(--space-8);padding-bottom: var(--space-8);text-align: center;}.m-footer-cols{gap: var(--space-5);text-align: center;}.m-footer-cols .head{margin-bottom: var(--space-2);}.m-footer-cols a{padding: var(--space-2) 0;justify-content: center;}.m-footer-brand{gap: var(--space-3);justify-content: center;align-items: center;}.m-footer-brand__identity{justify-content: center;}.m-footer-word{font-size: 28px;}.btn{padding: var(--space-4) var(--space-5);font-size: var(--fs-small);}.m-cap-item{grid-template-columns: 32px 1fr auto;gap: var(--space-3);padding: var(--space-4) var(--space-1);}.m-cap-item.is-active{padding-left: var(--space-1);padding-right: var(--space-1);}.m-cap-arrow{font-size: var(--fs-body);}.m-process-step{gap: var(--space-2);}.m-process-label{font-size: var(--fs-tiny);}.m-process-roman{font-size: var(--fs-h4);}.m-process-detail-num{font-size: 48px;}.m-process-detail-text{font-size: var(--fs-body);}.m-contact-meta{margin-top: var(--space-3);padding-top: var(--space-5);}.m-form{gap: var(--space-4);}.m-field input,
.m-field select,
.m-field textarea{padding: var(--space-4);min-height: 48px;font-size: var(--fs-body);}.m-field textarea{min-height: 100px;}.m-orbit-ring--1{width: 70vw;}.m-orbit-ring--2{width: 95vw;}.m-orbit-ring--3{display: none;}.m-orbit-planet--a{width: 70vw;}.m-orbit-planet--b{width: 95vw;}}.proj-single{padding-block: var(--space-16);}.proj-single__grid{display: grid;grid-template-columns: 58% 1fr;gap: var(--space-8);align-items: start;}@media (max-width: 860px){.proj-single__grid{grid-template-columns: 1fr;}}.proj-gallery__frame{position: relative;border-radius: var(--r-lg);overflow: hidden;}.proj-gallery__main{display: block;width: 100%;aspect-ratio: 4/3;object-fit: cover;transition: opacity var(--dur-fast) var(--ease-out);}.proj-gallery__thumbs{display: flex;gap: var(--space-2);overflow-x: auto;padding-block: var(--space-3);scrollbar-width: thin;scrollbar-color: var(--accent) transparent;}.proj-gallery__thumb{width: 80px;height: 60px;flex-shrink: 0;object-fit: cover;border-radius: var(--r-sm);cursor: pointer;opacity: 0.55;transition: opacity var(--dur-fast) var(--ease-out), outline-offset var(--dur-fast) var(--ease-out);}.proj-gallery__thumb:hover,
.proj-gallery__thumb.is-active{opacity: 1;outline: 2px solid var(--accent);outline-offset: 2px;}.proj-info__title{font-size: var(--fs-h2);font-family: var(--font-body-ar);line-height: var(--lh-tight);margin-block: var(--space-2) var(--space-4);}.proj-info__meta{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3) var(--space-4);margin-bottom: var(--space-6);padding: var(--space-4);background: var(--surface-2);border-radius: var(--r-md);}.proj-info__meta dt{font-size: var(--fs-small);color: var(--fg-muted);margin-bottom: var(--space-1);text-transform: uppercase;letter-spacing: var(--tracking-eyebrow);}.proj-info__meta dd{font-size: var(--fs-body);font-weight: 700;color: var(--fg);margin: 0;}.proj-info__desc{font-size: var(--fs-body);line-height: var(--lh-body);color: var(--fg-muted);margin-bottom: var(--space-6);}.proj-info__services-label{font-size: var(--fs-small);font-weight: 700;color: var(--fg);text-transform: uppercase;letter-spacing: var(--tracking-eyebrow);margin-bottom: var(--space-3);}.proj-info__services-list{list-style: none;padding: 0;margin: 0 0 var(--space-6);display: flex;flex-direction: column;gap: var(--space-2);}.proj-info__services-list li{padding: var(--space-2) var(--space-3);background: var(--bg-accent);color: var(--fg-on-accent);border-radius: var(--r-sm);font-size: var(--fs-small);font-weight: 600;}.proj-info__cta{display: flex;gap: var(--space-3);flex-wrap: wrap;}.proj-breadcrumb{font-size: var(--fs-small);color: var(--fg-muted);margin-top: var(--space-3);}.proj-breadcrumb a{color: var(--fg-muted);text-decoration: none;border-bottom: 1px solid transparent;transition: color var(--dur-fast), border-color var(--dur-fast);}.proj-breadcrumb a:hover{color: var(--accent);border-bottom-color: var(--accent);}.proj-breadcrumb__sep{margin-inline: var(--space-1);opacity: 0.5;}.proj-related{padding-block: var(--space-16);background: var(--bg-alt);}a.m-project{border-bottom: none;text-decoration: none;}a.m-project:hover{opacity: 1;}.proj-hero{position: relative;}.proj-hero::before{content: '';position: absolute;inset: 0;background: linear-gradient(160deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.62) 100%);z-index: 0;}.proj-hero .m-hero-orbit,
.proj-hero .m-hero-grid{position: relative;z-index: 1;}