:root {
  --bg: #090a09;
  --bg-soft: #111310;
  --panel: rgba(25, 27, 23, .68);
  --panel-strong: #171a16;
  --line: rgba(215, 184, 132, .18);
  --line-strong: rgba(215, 184, 132, .42);
  --gold: #d5b77f;
  --gold-soft: #9e8050;
  --cream: #f2eee6;
  --muted: #95958d;
  --green: #87977c;
  --radius: 24px;
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
  --display: "Unbounded", "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; color: var(--cream); background: var(--bg); font-family: var(--sans); font-size: 16px; line-height: 1.55; overflow-x: hidden; }
body::selection { color: var(--bg); background: var(--gold); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { border: 0; cursor: pointer; }

.noise { position: fixed; inset: 0; z-index: 50; pointer-events: none; opacity: .05; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; z-index: 1; width: 360px; height: 360px; border-radius: 50%; pointer-events: none; opacity: .18; background: radial-gradient(circle, rgba(209, 172, 109, .20), transparent 68%); transform: translate(-50%, -50%); mix-blend-mode: screen; }
.section-shell { width: min(1360px, calc(100% - 72px)); margin: 0 auto; }

.site-header { position: fixed; z-index: 20; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; min-height: 92px; padding: 0 max(36px, calc((100vw - 1440px) / 2)); border-bottom: 1px solid rgba(255,255,255,.055); background: linear-gradient(180deg, rgba(9,10,9,.75), rgba(9,10,9,.32)); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.brand { display: inline-flex; align-items: center; gap: 13px; width: fit-content; }
.brand-mark { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.24); transition: border-color .4s ease, transform .7s ease; }
.brand:hover .brand-mark { border-color: var(--gold); transform: rotate(3deg); }
.brand-mark svg { width: 40px; height: 40px; fill: none; stroke: var(--gold); stroke-width: 1.1; }
.brand-copy { display: flex; flex-direction: column; gap: 4px; line-height: 1; }
.brand-copy strong { font-family: var(--display); font-size: 18px; letter-spacing: .035em; font-weight: 600; }
.brand-copy small { color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .52em; text-transform: uppercase; }
.brand-origin { display: inline-flex; align-items: center; min-height: 31px; margin-left: 8px; padding: 0 13px; border: 1px solid rgba(213,183,127,.25); border-radius: 99px; color: var(--gold); background: rgba(213,183,127,.055); font-family: var(--mono); font-size: 9px; letter-spacing: .09em; white-space: nowrap; }
.main-nav { display: flex; align-items: center; gap: 32px; font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); }
.main-nav a, .text-link, .header-cta { transition: color .3s ease; }
.main-nav a:hover, .text-link:hover, .header-cta:hover { color: var(--gold); }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.language-switcher { display: flex; align-items: center; gap: 8px; color: var(--muted); font-family: var(--mono); font-size: 10px; letter-spacing: .15em; }
.lang-btn { padding: 5px 0; color: var(--muted); background: transparent; font: inherit; letter-spacing: inherit; transition: color .25s ease; }
.lang-btn:hover, .lang-btn.is-active { color: var(--cream); }
.header-cta { display: inline-flex; align-items: center; gap: 10px; padding: 12px 19px; border: 1px solid rgba(255,255,255,.14); border-radius: 99px; color: var(--muted); font-family: var(--mono); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; transition: color .3s ease, border-color .3s ease, box-shadow .3s ease; }
.header-cta:hover { border-color: var(--line-strong); color: var(--cream); box-shadow: 0 0 26px rgba(213,183,127,.12); }
.cta-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 10px rgba(213,183,127,.6); }
.menu-toggle { display: none; color: var(--cream); background: transparent; }

.hero { position: relative; display: flex; min-height: 100svh; align-items: center; padding-top: 142px; padding-bottom: 82px; overflow: hidden; perspective: 1100px; }
.starfield { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; opacity: .78; pointer-events: none; }
.hero-grid { position: absolute; z-index: 1; inset: 0; opacity: .38; background-image: linear-gradient(rgba(206,175,121,.065) 1px, transparent 1px), linear-gradient(90deg, rgba(206,175,121,.065) 1px, transparent 1px), linear-gradient(rgba(206,175,121,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(206,175,121,.022) 1px, transparent 1px); background-size: 120px 120px, 120px 120px, 24px 24px, 24px 24px; mask-image: radial-gradient(ellipse at center, #000, transparent 90%); }
.hero::before { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient(ellipse at 50% 46%, rgba(165, 130, 74, .14), transparent 34%), linear-gradient(90deg, transparent 49.95%, rgba(210, 180, 126, .10) 50%, transparent 50.05%); pointer-events: none; }
.hero-content { position: relative; z-index: 4; width: 100%; max-width: 1320px; margin: 3vh auto 0; text-align: center; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: var(--gold); font-family: var(--mono); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
.hero .eyebrow { justify-content: center; }
.status-pill { width: fit-content; margin: 0 auto 34px; padding: 11px 19px; border: 1px solid rgba(213,183,127,.19); border-radius: 99px; background: linear-gradient(110deg, rgba(255,255,255,.045), rgba(213,183,127,.035), rgba(255,255,255,.02)); box-shadow: 0 8px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045); color: #aaa79e; font-size: 9px; letter-spacing: .18em; }
.status-pill .eyebrow-dot { flex: 0 0 auto; width: 8px; height: 8px; }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 16px var(--gold); }
.hero-title { max-width: 1320px; margin: 0 auto; font-family: var(--display); font-size: clamp(42px, 7.25vw, 116px); font-weight: 300; letter-spacing: -.075em; line-height: .99; text-wrap: balance; }
.hero-title span, .hero-title em { display: block; }
.hero-title em { color: var(--cream); font-style: normal; font-weight: 600; text-shadow: 0 0 46px rgba(213,183,127,.12); }
.hero-est { display: flex; align-items: center; justify-content: center; gap: 19px; margin: 42px auto 0; color: #85837c; font-family: var(--mono); font-size: 9px; letter-spacing: .48em; text-transform: uppercase; }
.hero-est span:first-child, .hero-est span:last-child { width: min(13vw, 160px); height: 1px; background: linear-gradient(90deg, transparent, var(--gold-soft)); }
.hero-est span:last-child { transform: rotate(180deg); }
.hero-description { max-width: 590px; margin: 34px auto 0; color: var(--muted); font-family: var(--mono); font-size: 13px; line-height: 1.9; }
.hero-actions { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 38px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 0 21px; border-radius: 99px; font-family: var(--mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; transition: transform .3s ease, border-color .3s ease, background .3s ease, color .3s ease; }
.button svg, .text-link svg, .project-info svg { width: 16px; height: 16px; }
.button:hover { transform: translateY(-3px); }
.button--primary { color: var(--bg); background: var(--gold); box-shadow: 0 12px 38px rgba(198, 157, 91, .2); }
.button--primary:hover { background: #ead09c; }
.button--ghost { color: var(--cream); border: 1px solid var(--line); background: rgba(255,255,255,.02); }
.button--ghost:hover { border-color: var(--gold); color: var(--gold); }
.text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--muted); font-family: var(--mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.hero-meta { position: absolute; z-index: 4; bottom: 43px; left: 0; right: 0; display: flex; justify-content: center; gap: 22px; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .13em; }
.hero-meta span + span::before { content: "•"; margin-right: 22px; color: var(--gold); }
.hero-notation { position: absolute; z-index: 4; bottom: 105px; color: rgba(213,183,127,.48); font-family: var(--mono); font-size: 9px; letter-spacing: .12em; }
.hero-notation--left { left: 0; transform: rotate(-90deg) translateX(-100%); transform-origin: left bottom; }
.hero-notation--right { right: 0; transform: rotate(90deg) translateX(100%); transform-origin: right bottom; }
.hero-scroll-cue { position: absolute; z-index: 4; bottom: 42px; right: 0; display: flex; align-items: center; gap: 12px; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .15em; text-transform: uppercase; writing-mode: vertical-rl; animation: scroll-cue-float 2.2s ease-in-out infinite; }
.scroll-line { width: 1px; height: 58px; background: linear-gradient(var(--gold), transparent); transform-origin: top; animation: scroll-line-pulse 2.2s ease-in-out infinite; }
@keyframes scroll-cue-float { 0%, 100% { translate: 0 0; opacity: .65; } 50% { translate: 0 8px; opacity: 1; } }
@keyframes scroll-line-pulse { 0%, 100% { scale: 1 .72; opacity: .42; } 50% { scale: 1 1; opacity: 1; } }
.hero-orbit { display: none; }
.hero-orbit--one { width: 590px; height: 240px; top: 31%; left: 50%; transform: translateX(-50%) rotate(-22deg); }
.hero-orbit--two { width: 830px; height: 320px; top: 25%; left: 50%; transform: translateX(-50%) rotate(-22deg); opacity: .48; }
.wire-cube { position: absolute; z-index: 2; width: 126px; height: 126px; transform-style: preserve-3d; opacity: .66; pointer-events: none; filter: drop-shadow(0 0 13px rgba(213,183,127,.1)); }
.wire-cube span { position: absolute; inset: 0; border: 1px solid rgba(213,183,127,.58); background-image: linear-gradient(rgba(213,183,127,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(213,183,127,.10) 1px, transparent 1px); background-size: 14px 14px; background-color: rgba(213,183,127,.012); box-shadow: inset 0 0 24px rgba(213,183,127,.035), 0 0 16px rgba(213,183,127,.075); backface-visibility: visible; }
.hero-blueprint { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.blueprint-lines { fill: none; stroke: rgba(213,183,127,.32); stroke-width: 1; filter: drop-shadow(0 0 3px rgba(213,183,127,.17)); }
.blueprint-lines path:not(.blueprint-datum) { stroke-dasharray: 1800; stroke-dashoffset: 1800; animation: blueprint-draw 18s cubic-bezier(.65,0,.35,1) infinite; }
.blueprint-lines path:nth-child(2) { animation-delay: 1.2s; }.blueprint-lines path:nth-child(3) { animation-delay: 2.4s; }.blueprint-lines path:nth-child(4) { animation-delay: 3.6s; }.blueprint-lines path:nth-child(5) { animation-delay: 2s; }
.blueprint-lines .blueprint-datum { stroke: rgba(255,255,255,.075); stroke-dasharray: 4 8; }
.blueprint-labels { fill: rgba(213,183,127,.47); font: 9px var(--mono); letter-spacing: 2px; }
@keyframes blueprint-draw { 0% { stroke-dashoffset: 1800; opacity: 0; } 12% { opacity: .9; } 48%, 74% { stroke-dashoffset: 0; opacity: .72; } 100% { stroke-dashoffset: -1800; opacity: 0; } }
.wire-cube span:nth-child(1) { transform: translateZ(63px); }.wire-cube span:nth-child(2) { transform: rotateY(180deg) translateZ(63px); }.wire-cube span:nth-child(3) { transform: rotateY(90deg) translateZ(63px); }.wire-cube span:nth-child(4) { transform: rotateY(-90deg) translateZ(63px); }.wire-cube span:nth-child(5) { transform: rotateX(90deg) translateZ(63px); }.wire-cube span:nth-child(6) { transform: rotateX(-90deg) translateZ(63px); }
.wire-cube::before, .wire-cube::after { content: ""; position: absolute; inset: -16px; border: 1px solid rgba(213,183,127,.16); transform: rotate(45deg); }.wire-cube::after { inset: 16px; border-color: rgba(213,183,127,.25); transform: rotate(-45deg); }
.wire-cube--one { top: 19%; left: 7%; transform: rotateX(60deg) rotateZ(32deg) rotateY(-22deg); }.wire-cube--two { right: 8%; bottom: 23%; width: 88px; height: 88px; opacity: .48; transform: rotateX(62deg) rotateZ(-21deg) rotateY(28deg); }.wire-cube--two span:nth-child(1) { transform: translateZ(44px); }.wire-cube--two span:nth-child(2) { transform: rotateY(180deg) translateZ(44px); }.wire-cube--two span:nth-child(3) { transform: rotateY(90deg) translateZ(44px); }.wire-cube--two span:nth-child(4) { transform: rotateY(-90deg) translateZ(44px); }.wire-cube--two span:nth-child(5) { transform: rotateX(90deg) translateZ(44px); }.wire-cube--two span:nth-child(6) { transform: rotateX(-90deg) translateZ(44px); }.wire-cube--three { top: 29%; right: 16%; width: 50px; height: 50px; opacity: .38; transform: rotateX(60deg) rotateZ(12deg) rotateY(40deg); }.wire-cube--three span:nth-child(1) { transform: translateZ(25px); }.wire-cube--three span:nth-child(2) { transform: rotateY(180deg) translateZ(25px); }.wire-cube--three span:nth-child(3) { transform: rotateY(90deg) translateZ(25px); }.wire-cube--three span:nth-child(4) { transform: rotateY(-90deg) translateZ(25px); }.wire-cube--three span:nth-child(5) { transform: rotateX(90deg) translateZ(25px); }.wire-cube--three span:nth-child(6) { transform: rotateX(-90deg) translateZ(25px); }
.coordinate-cross { position: absolute; z-index: 1; width: 115px; height: 115px; opacity: .32; transform: rotate(26deg); pointer-events: none; }.coordinate-cross::before, .coordinate-cross::after { content: ""; position: absolute; background: var(--gold-soft); }.coordinate-cross::before { top: 50%; left: 0; right: 0; height: 1px; }.coordinate-cross::after { left: 50%; top: 0; bottom: 0; width: 1px; }.coordinate-cross i { position: absolute; width: 5px; height: 5px; border: 1px solid var(--gold); border-radius: 50%; }.coordinate-cross i:nth-child(1) { top: 0; left: 50%; }.coordinate-cross i:nth-child(2) { bottom: 0; left: 50%; }.coordinate-cross i:nth-child(3) { top: 50%; right: 0; }.coordinate-cross--one { left: 20%; bottom: 24%; }.coordinate-cross--two { right: 22%; top: 18%; width: 72px; height: 72px; opacity: .22; transform: rotate(-18deg); }

.build-stage { position: relative; min-height: 255vh; }
.build-stage__sticky { position: sticky; top: 0; display: flex; min-height: 100svh; align-items: center; padding-top: 80px; padding-bottom: 50px; }
.build-intro { position: absolute; z-index: 2; top: 14%; left: 0; max-width: 430px; }
.section-intro h2, .section-heading h2, .contact-content h2 { margin: 0; font-size: clamp(34px, 5vw, 74px); font-weight: 500; letter-spacing: -.07em; line-height: .98; }
.section-intro h2 em, .section-heading h2 em, .contact-content h2 em { color: var(--gold); font-style: normal; font-weight: 800; }
.section-intro > p:last-child { max-width: 360px; margin: 25px 0 0; color: var(--muted); font-size: 14px; }
.build-canvas { position: relative; width: min(830px, 74vw); height: min(620px, 68vh); min-height: 460px; margin: 75px 0 0 auto; }
.architecture-svg { width: 100%; height: 100%; overflow: visible; }
.svg-ground, .svg-foundation, .svg-structure, .svg-facade, .svg-landscape, .svg-light-scan { transform-box: fill-box; transform-origin: center; }
.svg-ground { opacity: .74; }
.svg-foundation, .svg-structure, .svg-facade, .svg-landscape { opacity: 0; }
.svg-light-scan { stroke: url(#goldLine); stroke-width: 2; opacity: 0; filter: url(#softGlow); }
.motion-fallback .reveal, .motion-fallback .reveal-on-scroll { opacity: 1 !important; transform: none !important; }
.motion-fallback .svg-foundation { opacity: .96; animation: fallback-foundation 4s ease-in-out infinite alternate; }
.motion-fallback .svg-structure { opacity: .94; animation: fallback-structure 5s ease-in-out infinite alternate; }
.motion-fallback .svg-facade { opacity: .72; animation: fallback-facade 6s ease-in-out infinite alternate; }
.motion-fallback .svg-landscape { opacity: .9; animation: fallback-landscape 4.5s ease-in-out infinite alternate; }
.motion-fallback .svg-light-scan { opacity: .82; animation: fallback-scan 5s ease-in-out infinite alternate; }
@keyframes fallback-foundation { to { transform: translateY(-4px); opacity: .72; } }
@keyframes fallback-structure { to { transform: translateY(-7px); opacity: .78; } }
@keyframes fallback-facade { to { transform: translateY(-5px) scale(1.012); opacity: .92; } }
@keyframes fallback-landscape { to { transform: translateY(-3px); opacity: .58; } }
@keyframes fallback-scan { from { transform: translateX(-100px); opacity: .06; } to { transform: translateX(100px); opacity: .85; } }
.build-axis { position: absolute; color: rgba(213,183,127,.6); font-family: var(--mono); font-size: 9px; letter-spacing: .14em; }
.axis-x { left: 23%; bottom: 17%; }.axis-y { right: 8%; bottom: 22%; }.axis-z { right: 24%; top: 11%; }
.stage-label { position: absolute; display: flex; flex-direction: column; gap: 2px; padding-left: 12px; border-left: 1px solid var(--gold); font-family: var(--mono); text-transform: uppercase; }
.stage-label span { color: var(--gold); font-size: 10px; }.stage-label strong { color: var(--cream); font-size: 10px; font-weight: 500; letter-spacing: .08em; }.stage-label small { color: var(--muted); font-size: 8px; letter-spacing: .08em; }
.stage-label--one { left: 8%; bottom: 13%; }.stage-label--two { left: 54%; top: 35%; }.stage-label--three { right: 3%; top: 19%; }
.stage-progress { position: absolute; right: 10%; bottom: 2%; display: flex; align-items: center; gap: 15px; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.stage-progress i { display: block; width: 110px; height: 1px; background: var(--line); }.stage-progress b { display: block; width: 100%; height: 1px; background: var(--gold); transform-origin: left; transform: scaleX(0); }

.content-section { padding-top: 150px; padding-bottom: 150px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 70px; margin-bottom: 58px; }
.section-heading .eyebrow { margin-bottom: 22px; }
.section-heading-copy { max-width: 370px; margin: 0 0 5px; color: var(--muted); font-size: 14px; }
.cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.glass-card { position: relative; min-height: 330px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.008)); backdrop-filter: blur(18px); transition: border-color .35s ease, transform .35s ease, background .35s ease; }
.glass-card::before { content: ""; position: absolute; width: 170px; height: 170px; top: -65px; right: -40px; border-radius: 50%; background: radial-gradient(circle, rgba(213,183,127,.14), transparent 68%); }
.glass-card:hover { transform: translateY(-8px); border-color: var(--line-strong); background: linear-gradient(135deg, rgba(213,183,127,.10), rgba(255,255,255,.015)); }
.card-index { color: var(--gold); font-family: var(--mono); font-size: 10px; letter-spacing: .16em; }
.card-icon { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin: 64px 0 28px; border: 1px solid var(--line); border-radius: 50%; color: var(--gold); }
.card-icon svg { width: 19px; height: 19px; }
.glass-card h3 { max-width: 280px; margin: 0 0 12px; font-size: 22px; letter-spacing: -.045em; line-height: 1.05; }
.glass-card p { max-width: 300px; margin: 0; color: var(--muted); font-size: 13px; }
.card-arrow { position: absolute; right: 28px; bottom: 29px; color: var(--gold); }
.card-arrow svg { width: 18px; }

.tools-section { border-top: 1px solid rgba(255,255,255,.05); }
.tools-layout { display: grid; grid-template-columns: .8fr 1.4fr; gap: 22px; }
.tool-manifesto { position: relative; min-height: 470px; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #10120f; }
.manifesto-top { display: flex; justify-content: space-between; color: var(--gold); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.manifesto-art { position: relative; display: flex; align-items: center; justify-content: center; height: 260px; margin: 20px -20px 0; }
.manifesto-art::before { content: ""; position: absolute; width: 250px; height: 250px; border: 1px solid var(--line); transform: rotate(45deg) skew(-7deg,-7deg); }
.manifesto-art span { position: absolute; width: 170px; height: 170px; border: 1px solid rgba(213,183,127,.52); transform: rotate(45deg) skew(-7deg,-7deg); }.manifesto-art span:nth-child(2) { width: 120px; height: 120px; border-color: rgba(213,183,127,.25); }.manifesto-art span:nth-child(3) { width: 220px; height: 100px; border-color: rgba(213,183,127,.18); transform: rotate(-25deg); }.manifesto-art span:nth-child(4) { width: 2px; height: 280px; background: var(--gold); border: 0; transform: rotate(32deg); opacity: .45; }.manifesto-art i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 22px var(--gold); }
.tool-manifesto > p { max-width: 320px; margin: 6px 0 24px; color: var(--muted); font-size: 13px; }
.plugins-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.plugin-card { position: relative; display: flex; flex-direction: column; min-height: 224px; padding: 25px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.025); transition: transform .35s ease, border-color .35s ease; }.plugin-card:hover { transform: translateY(-5px); border-color: var(--line-strong); }
.plugin-card__top { display: flex; justify-content: space-between; align-items: center; color: var(--gold); font-family: var(--mono); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }.plugin-card__icon { color: var(--gold); }.plugin-card__icon svg { width: 18px; }
.plugin-card h3 { margin: 28px 0 7px; font-size: 20px; letter-spacing: -.04em; }.plugin-card p { margin: 0; color: var(--muted); font-size: 12px; }.plugin-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 20px; }.plugin-tags span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; }.plugin-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.06); }.plugin-footer a { color: var(--gold); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.plugin-price { color: var(--cream); font-family: var(--mono); font-size: 10px; }

.projects-section { border-top: 1px solid rgba(255,255,255,.05); }
.project-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 22px; }.project-card--wide { grid-row: span 2; }.project-card { min-width: 0; }.project-image { position: relative; min-height: 275px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background-color: #1a1c18; background-size: cover; background-position: center; transition: transform .5s ease; }.project-card--wide .project-image { min-height: 572px; }.project-card:hover .project-image { transform: scale(.985); }.project-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,6,5,.15), rgba(5,6,5,.62)); }.project-image--villa { background-image: linear-gradient(135deg, rgba(42,35,24,.58), rgba(10,11,9,.18)), url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=85"); }.project-image--concept { background-image: linear-gradient(135deg, rgba(18,23,22,.55), rgba(8,9,8,.25)), url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=85"); }.project-image--commercial { background-image: linear-gradient(135deg, rgba(29,24,18,.58), rgba(8,9,8,.25)), url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1000&q=85"); }.project-stamp { position: absolute; z-index: 1; top: 22px; left: 23px; color: var(--cream); font-family: var(--mono); font-size: 9px; letter-spacing: .13em; }.project-lines { position: absolute; z-index: 1; inset: 20%; border: 1px solid rgba(213,183,127,.24); transform: skewY(-8deg); opacity: .75; }.project-lines::after { content: ""; position: absolute; inset: 25% -10%; border-top: 1px solid var(--gold); border-bottom: 1px solid var(--gold); opacity: .5; }.project-info { display: flex; justify-content: space-between; align-items: flex-start; padding: 19px 4px 0; }.project-info p { margin: 0 0 5px; color: var(--gold); font-family: var(--mono); font-size: 9px; letter-spacing: .13em; }.project-info h3 { margin: 0; font-size: 21px; font-weight: 500; letter-spacing: -.04em; }.project-info > svg { margin-top: 6px; color: var(--gold); }

.contact-section { padding-top: 80px; padding-bottom: 120px; }.contact-panel { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; min-height: 520px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 30px; background: linear-gradient(120deg, rgba(213,183,127,.1), rgba(255,255,255,.025) 55%, rgba(87,110,81,.09)); }.contact-panel::before { content: ""; position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(213,183,127,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(213,183,127,.15) 1px, transparent 1px); background-size: 55px 55px; mask-image: linear-gradient(90deg, #000, transparent 80%); }.contact-content { position: relative; z-index: 1; padding: 65px; }.contact-content h2 { font-size: clamp(42px, 6vw, 81px); }.contact-content > p { max-width: 390px; margin: 28px 0; color: var(--muted); font-size: 14px; }.contact-actions { display: flex; flex-wrap: wrap; gap: 12px; }.email-note { display: block; margin-top: 18px; color: var(--gold); font-family: var(--mono); font-size: 10px; letter-spacing: .08em; }.contact-drawing { position: relative; display: flex; align-items: center; justify-content: center; min-height: 390px; }.contact-drawing svg { width: 90%; overflow: visible; fill: none; stroke: rgba(213,183,127,.42); stroke-width: 1; }.contact-drawing .drawing-accent { stroke: var(--gold); stroke-width: 2; filter: drop-shadow(0 0 9px rgba(213,183,127,.6)); }.contact-drawing span { position: absolute; right: 38px; bottom: 31px; color: var(--gold); font-family: var(--mono); font-size: 8px; letter-spacing: .13em; }
.site-footer { display: flex; align-items: center; justify-content: space-between; min-height: 100px; border-top: 1px solid rgba(255,255,255,.07); color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .09em; }.site-footer p { margin: 0; }.site-footer p span { color: var(--gold); }.brand--footer .brand-mark { width: 32px; height: 32px; padding: 6px 7px; }.brand--footer .brand-copy strong { font-size: 10px; }.brand--footer .brand-copy small { font-size: 7px; }
.toast { position: fixed; z-index: 60; right: 25px; bottom: 25px; max-width: 300px; padding: 14px 17px; border: 1px solid var(--line-strong); border-radius: 12px; color: var(--cream); background: #1d211b; box-shadow: 0 18px 50px rgba(0,0,0,.35); font-family: var(--mono); font-size: 10px; opacity: 0; transform: translateY(15px); pointer-events: none; transition: opacity .3s ease, transform .3s ease; }.toast.is-visible { opacity: 1; transform: translateY(0); }

/* Admin */
.admin-body { min-height: 100vh; background: radial-gradient(circle at 82% 15%, rgba(213,183,127,.1), transparent 32%), var(--bg); }.admin-lock { display: grid; place-items: center; min-height: 100vh; padding: 30px; }.lock-card { width: min(430px, 100%); padding: 42px; border: 1px solid var(--line-strong); border-radius: 26px; background: rgba(19,21,18,.85); box-shadow: 0 25px 80px rgba(0,0,0,.35); text-align: center; }.lock-card .brand { margin: 0 auto 38px; }.lock-card h1 { margin: 0; font-size: 32px; letter-spacing: -.06em; }.lock-card p { color: var(--muted); font-size: 13px; }.pin-form { display: grid; gap: 12px; margin-top: 28px; }.form-control { width: 100%; padding: 15px 16px; border: 1px solid var(--line); border-radius: 12px; outline: 0; color: var(--cream); background: rgba(255,255,255,.04); transition: border-color .25s ease, box-shadow .25s ease; }.form-control:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(213,183,127,.1); }.pin-input { text-align: center; font-family: var(--mono); font-size: 23px; letter-spacing: .5em; }.lock-error { min-height: 20px; margin: 4px 0 -4px; color: #e38c82; font-family: var(--mono); font-size: 10px; }.shake { animation: shake .45s ease; }@keyframes shake { 20%,60% { transform: translateX(-8px); } 40%,80% { transform: translateX(8px); } }
.admin-app { display: none; width: min(1400px, calc(100% - 56px)); margin: 0 auto; padding: 35px 0 70px; }.admin-app.is-visible { display: block; }.admin-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; }.admin-topbar-actions { display: flex; gap: 10px; }.admin-title { margin: 0; font-size: clamp(34px, 5vw, 64px); letter-spacing: -.07em; line-height: .95; }.admin-title em { color: var(--gold); font-style: normal; }.admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.admin-panel { padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.025); }.admin-panel--wide { grid-column: span 2; }.admin-panel h2 { display: flex; align-items: center; justify-content: space-between; margin: 0 0 22px; font-size: 19px; letter-spacing: -.04em; }.panel-kicker { color: var(--gold); font-family: var(--mono); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }.admin-form { display: grid; gap: 12px; }.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.field-label { display: grid; gap: 7px; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.textarea { min-height: 90px; resize: vertical; }.admin-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }.admin-list { display: grid; gap: 9px; margin-top: 24px; }.admin-item { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(255,255,255,.025); }.admin-item h3 { margin: 0 0 3px; font-size: 14px; }.admin-item p { margin: 0; color: var(--muted); font-size: 11px; }.admin-item-actions { display: flex; gap: 7px; }.icon-button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 9px; color: var(--cream); background: transparent; }.icon-button:hover { color: var(--gold); border-color: var(--gold); }.icon-button--danger:hover { color: #e38c82; border-color: #e38c82; }.admin-footer { margin-top: 25px; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }

@media (max-width: 980px) { .site-header { min-height: 78px; padding: 0 22px; }.header-actions { display: flex; gap: 16px; }.main-nav { position: absolute; top: 81px; left: 15px; right: 15px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 10px; border: 1px solid var(--line); border-radius: 16px; background: rgba(17,19,16,.96); }.main-nav.is-open { display: flex; }.main-nav a { padding: 14px 12px; }.hero, .section-shell { width: min(100% - 42px, 1360px); }.build-intro { position: relative; top: auto; left: auto; max-width: 500px; }.build-stage__sticky { display: block; padding-top: 130px; }.build-canvas { width: 100%; height: 55vh; margin: 15px 0 0; }.hero-notation { display: none; }.tools-layout { grid-template-columns: 1fr; }.tool-manifesto { min-height: 400px; }.admin-grid { grid-template-columns: 1fr; }.admin-panel--wide { grid-column: auto; } }
@media (max-width: 680px) { .section-shell { width: calc(100% - 32px); }.site-header { min-height: 70px; padding: 0 16px; }.brand { gap: 8px; }.brand-mark { width: 38px; height: 38px; }.brand-mark svg { width: 32px; height: 32px; }.brand-copy strong { font-size: 13px; }.brand-copy small { font-size: 7px; }.brand-origin { min-height: 26px; margin-left: 2px; padding: 0 8px; font-size: 7px; letter-spacing: .025em; }.header-actions { gap: 11px; }.language-switcher { gap: 5px; font-size: 8px; }.header-cta { display: inline-flex; padding: 10px 12px; font-size: 8px; letter-spacing: .1em; }.header-cta .cta-dot { width: 5px; height: 5px; }.hero { width: 100%; min-height: 94svh; padding: 112px 16px 100px; }.hero-content { margin-top: 0; }.status-pill { display: none; }.hero-title { font-size: clamp(34px, 7.5vw, 54px); line-height: 1.12; letter-spacing: -.07em; }.hero-est { gap: 10px; margin-top: 30px; font-size: 7px; letter-spacing: .25em; }.hero-est span:first-child, .hero-est span:last-child { width: 35px; }.hero-description { max-width: 390px; margin-top: 25px; font-size: 10px; line-height: 1.8; }.hero-meta { bottom: 32px; flex-wrap: wrap; gap: 5px 12px; font-size: 8px; }.hero-meta span + span::before { margin-right: 12px; }.hero-scroll-cue { right: 5px; bottom: 26px; font-size: 0; gap: 0; animation-duration: 1.6s; }.hero-scroll-cue span:first-child { display: none; }.scroll-line { height: 30px; }.hero-orbit--one { width: 520px; }.hero-orbit--two { width: 700px; }.wire-cube--one { top: 20%; left: -50px; transform: scale(.68) rotateX(60deg) rotateZ(32deg) rotateY(-22deg); }.wire-cube--two { right: -20px; bottom: 24%; transform: scale(.72) rotateX(62deg) rotateZ(-21deg) rotateY(28deg); }.wire-cube--three { right: 8%; top: 21%; transform: scale(.75) rotateX(60deg) rotateZ(12deg) rotateY(40deg); }.coordinate-cross--one { left: 2%; bottom: 20%; transform: scale(.65) rotate(26deg); }.coordinate-cross--two { right: 4%; top: 16%; transform: scale(.7) rotate(-18deg); }.build-stage { min-height: 145svh; }.build-stage__sticky { min-height: 100svh; padding-top: 92px; padding-bottom: 24px; }.build-intro .eyebrow { margin-bottom: 14px; font-size: 8px; }.build-intro h2 { max-width: 390px; font-size: clamp(29px, 8vw, 43px); }.build-intro > p:last-child { max-width: 330px; margin-top: 12px; font-size: 11px; line-height: 1.6; }.build-canvas { height: 34svh; min-height: 230px; max-height: 310px; margin-top: 10px; }.build-axis { display: none; }.stage-label { transform: scale(.72); transform-origin: left; }.stage-label--one { left: 0; bottom: 8%; }.stage-label--two, .stage-label--three { display: none; }.stage-progress { right: 0; bottom: -4px; gap: 8px; font-size: 7px; }.stage-progress i { width: 38px; }.content-section { padding-top: 76px; padding-bottom: 76px; }.section-heading { display: block; margin-bottom: 30px; }.section-heading-copy { margin-top: 18px; }.cards-grid, .plugins-grid { grid-template-columns: 1fr; }.glass-card { min-height: 220px; padding: 21px; }.card-icon { width: 38px; height: 38px; margin: 25px 0 20px; }.glass-card h3 { max-width: 290px; font-size: 19px; }.glass-card p { max-width: 310px; font-size: 12px; }.card-arrow { right: 21px; bottom: 21px; }.project-grid { grid-template-columns: 1fr; }.project-card--wide { grid-row: auto; }.project-card--wide .project-image { min-height: 310px; }.project-image { min-height: 230px; }.contact-panel { grid-template-columns: 1fr; }.contact-content { padding: 34px 22px; }.contact-content h2 { font-size: clamp(40px, 12vw, 62px); }.contact-drawing { min-height: 230px; }.contact-drawing span { right: 16px; bottom: 16px; }.site-footer { flex-wrap: wrap; gap: 16px; padding: 26px 0; }.site-footer p:last-child { width: 100%; }.footer-nav { order: 4; width: 100%; flex-wrap: wrap; }.admin-app { width: calc(100% - 30px); }.admin-topbar { align-items: flex-start; gap: 20px; flex-direction: column; }.admin-topbar-actions { width: 100%; }.admin-topbar-actions .button { flex: 1; }.admin-panel { padding: 21px 17px; }.field-grid { grid-template-columns: 1fr; }.admin-item { align-items: flex-start; flex-direction: column; }.admin-item-actions { width: 100%; }.admin-item-actions .button { flex: 1; } }

@media (prefers-reduced-motion: reduce) {
  .hero-scroll-cue, .scroll-line, .motion-fallback .svg-foundation, .motion-fallback .svg-structure, .motion-fallback .svg-facade, .motion-fallback .svg-landscape, .motion-fallback .svg-light-scan { animation: none !important; }
  .motion-fallback .svg-foundation { opacity: .96; }
  .motion-fallback .svg-structure { opacity: .94; }
  .motion-fallback .svg-facade { opacity: .72; }
  .motion-fallback .svg-landscape { opacity: .9; }
  .motion-fallback .svg-light-scan { opacity: .35; }
}

.footer-nav { display: flex; gap: 18px; color: var(--muted); font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }
.footer-nav a:hover { color: var(--gold); }