@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--ink:#0e1512;--ink-2:#1c2a25;--ink-3:#2a3b34;--canvas:#f4efe6;--canvas-2:#ebe3d3;--paper:#fff;--accent:#b8925a;--accent-2:#c7a878;--line:#0e15121f;--line-on-dark:#f4efe624;--muted-text:#0e151294;--muted-on-dark:#f4efe69e;--font-display:"Instrument Serif", "Cormorant Garamond", Georgia, serif;--font-body:"Inter Tight", "Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:2px;--radius-lg:4px;--nav-h:64px;--container:1440px;--gutter:40px}[data-mode=dark]{--canvas:#0e1512;--canvas-2:#17201c;--paper:#1c2a25;--ink:#f4efe6;--ink-2:#ebe3d3;--ink-3:#c7b8a0;--line:#f4efe61f;--muted-text:#f4efe694}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55;transition:background-color .6s,color .6s;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:400;line-height:.95}.container{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-text);align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";opacity:.6;background:currentColor;width:24px;height:1px}.display-xl{letter-spacing:-.035em;font-size:clamp(64px,11vw,200px);line-height:.88}.display-lg{letter-spacing:-.03em;font-size:clamp(48px,7.5vw,128px);line-height:.92}.display-md{font-size:clamp(36px,5vw,80px);line-height:.95}.display-sm{font-size:clamp(28px,3.5vw,56px);line-height:1}.lede{font-family:var(--font-body);color:var(--muted-text);max-width:60ch;font-size:clamp(17px,1.4vw,21px);font-weight:400;line-height:1.5}.italic-serif{font-family:var(--font-display);font-style:italic;font-weight:400}.hero-mono{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.nav{z-index:80;height:var(--nav-h);padding:0 var(--gutter);color:var(--canvas);mix-blend-mode:difference;justify-content:space-between;align-items:center;transition:color .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.solid{mix-blend-mode:normal;color:var(--ink);background:color-mix(in srgb, var(--canvas) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:22px;display:flex}.nav-brand .mark{background:var(--accent);border-radius:50%;width:10px;height:10px;display:inline-block;transform:translateY(-1px)}.nav-links{letter-spacing:.04em;gap:28px;font-size:13px;font-weight:500;display:flex}.nav-links a{opacity:.85;padding:4px 0;transition:opacity .2s;position:relative}.nav-links a:hover{opacity:1}.nav-cta{letter-spacing:.12em;text-transform:uppercase;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:500;transition:all .25s;display:inline-flex}.nav-cta:hover{color:var(--canvas);background:currentColor}.btn{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.22,.61,.36,1);display:inline-flex}.btn-primary{background:var(--ink);color:var(--canvas)}.btn-primary:hover{background:var(--accent);color:var(--ink);transform:translateY(-1px)}.btn-ghost{color:currentColor;background:0 0;border-color:currentColor}.btn-ghost:hover{color:var(--canvas);background:currentColor}.btn .arrow{transition:transform .3s cubic-bezier(.22,.61,.36,1);display:inline-block}.btn:hover .arrow{transform:translate(4px)}.whatsapp-float{z-index:70;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .3s,box-shadow .3s;animation:2.8s infinite wa-pulse;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 32px #25d36666,0 0 #25d36699}.whatsapp-float:hover{transform:scale(1.08)}@keyframes wa-pulse{0%,to{box-shadow:0 12px 32px #25d36666,0 0 #25d36680}50%{box-shadow:0 12px 32px #25d36666,0 0 0 18px #25d36600}}.marquee{white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;overflow:hidden}.marquee-track{font-family:var(--font-display);letter-spacing:-.02em;gap:60px;font-size:clamp(28px,4vw,56px);font-style:italic;animation:40s linear infinite marquee;display:inline-flex}.marquee-track span{align-items:center;gap:60px;display:inline-flex}.marquee-track span:after{content:"✦";color:var(--accent);margin-left:60px;font-size:.5em;font-style:normal}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{background:var(--ink);color:var(--canvas);padding:100px var(--gutter) 40px}.footer-inner{max-width:var(--container);margin:0 auto}.footer-word{font-family:var(--font-display);letter-spacing:-.04em;word-break:break-word;margin-bottom:40px;font-size:clamp(80px,18vw,300px);line-height:.85}.footer-word .accent{color:var(--accent);font-style:italic}.footer-grid{border-top:1px solid var(--line-on-dark);grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:60px 0 40px;display:grid}.footer-col h5{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin-bottom:18px;font-size:11px;font-weight:500}.footer-col a,.footer-col li{opacity:.85;font-size:15px;line-height:2;list-style:none;transition:opacity .2s;display:block}.footer-col ul{margin:0;padding:0}.footer-col a:hover{opacity:1;color:var(--accent)}.footer-bottom{border-top:1px solid var(--line-on-dark);opacity:.6;letter-spacing:.05em;justify-content:space-between;align-items:center;padding-top:30px;font-size:12px;display:flex}.fade-up{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.22,.61,.36,1);transform:translateY(30px)}.fade-up.in{opacity:1;transform:none}.reveal-img{position:relative;overflow:hidden}.reveal-img img{transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}.reveal-img:before{content:"";background:var(--canvas);transform-origin:bottom;z-index:2;transition:transform 1.1s cubic-bezier(.7,0,.3,1);position:absolute;inset:0;transform:scaleY(1)}.reveal-img.in:before{transform:scaleY(0)}.reveal-img.in img{transform:scale(1.05)}.section{padding:140px 0;position:relative}.hero{color:#f4efe6;height:100vh;min-height:640px;padding:96px var(--gutter) 40px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.8s,transform 7s linear;position:absolute;inset:0;transform:scale(1.08)}.hero-slide.active{opacity:1;transform:scale(1)}.hero-vignette{background:linear-gradient(#0e15128c 0%,#0e151200 30% 60%,#0e1512bf 100%),linear-gradient(90deg,#0e151273 0%,#0e151200 55%);position:absolute;inset:0}.hero-content{z-index:2;pointer-events:none;flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.hero-content>*{pointer-events:auto}.hero-eyebrow{color:#f4efe6bf;justify-content:space-between;display:flex}.hero-title{font-family:var(--font-display);letter-spacing:-.035em;max-width:18ch;margin:auto 0;font-size:clamp(48px,9.2vw,160px);line-height:.9}.hero-line{display:block;overflow:hidden}.hero-line em{color:var(--accent-2);font-style:italic}.hero-foot{grid-template-columns:1.1fr 1fr;align-items:end;gap:40px;max-width:1100px;margin-bottom:20px;display:grid}.hero-sub{color:#f4efe6d1;max-width:44ch;margin:0;font-size:clamp(14px,1.1vw,17px);line-height:1.55}.hero-actions{flex-wrap:wrap;justify-self:end;gap:12px;display:flex}.hero-actions .btn-primary{background:var(--accent);color:var(--ink)}.hero-actions .btn-primary:hover{background:var(--canvas)}.hero-actions .btn-ghost{color:#f4efe6;border-color:#f4efe699}.hero-actions .btn-ghost:hover{color:var(--ink);background:#f4efe6}.hero-pips{z-index:4;gap:10px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.pip{cursor:pointer;background:#f4efe640;border:none;width:60px;height:2px;padding:0;position:relative;overflow:hidden}.pip-fill{background:#f4efe6;height:100%;transition:width .1s linear;display:block}.hero-slide-meta{bottom:90px;left:var(--gutter);position:absolute}.hero-scroll-hint{right:var(--gutter);font-family:var(--font-mono);letter-spacing:.2em;color:#f4efe699;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:32px}.hero-scroll-line{background:currentColor;width:40px;height:1px;position:relative;overflow:hidden}.hero-scroll-line:after{content:"";background:#f4efe6;animation:2.4s cubic-bezier(.4,0,.2,1) infinite scroll-slide;position:absolute;inset:0;transform:translate(-100%)}@keyframes scroll-slide{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.intro-inner{grid-template-columns:1fr 2fr;align-items:start;gap:80px;display:grid}.intro-statement{margin-bottom:60px;line-height:1.05}.intro-statement em{color:var(--accent)}.intro-meta{border-top:1px solid var(--line);grid-template-columns:1.5fr 1fr;gap:40px;padding-top:40px;display:grid}.intro-sign{color:var(--muted-text);flex-direction:column;align-self:end;gap:6px;display:flex}.stats{background:var(--canvas-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-head{flex-direction:column;gap:22px;max-width:62ch;margin-bottom:80px;display:flex}.stats-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat{background:var(--canvas-2);flex-direction:column;gap:8px;padding:40px 32px;display:flex}.stat-n{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(56px,7vw,110px);line-height:1}.stat-l{font-family:var(--font-body);letter-spacing:.06em;color:var(--muted-text);margin-top:auto;font-size:13px}.services-head{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:80px;display:grid}.services-head h2{margin:20px 0 0}.services-head .lede{align-self:end}.services-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.service-image{background:var(--canvas);flex-direction:column;transition:background .4s;display:flex;overflow:hidden}.service-image:hover{background:var(--canvas-2)}.service-image-media{aspect-ratio:4/3;position:relative;overflow:hidden}.service-image-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}.service-image:hover .service-image-media img{transform:scale(1.06)}.service-image-n{font-family:var(--font-mono);letter-spacing:.12em;color:#f4efe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e151280;border-radius:2px;padding:6px 10px;font-size:11px;position:absolute;top:16px;left:16px}.service-image-body{flex-direction:column;flex:1;gap:12px;padding:32px;display:flex}.service-image-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,2.6vw,42px);line-height:1}.service-image-desc{color:var(--muted-text);margin:0;font-size:14px;line-height:1.6}.service-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px;display:flex}.service-tags span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted-text);border-radius:999px;padding:4px 10px;font-size:10px}.projects-head{flex-direction:column;gap:22px;max-width:600px;margin-bottom:60px;display:flex}.ba-stage{grid-template-columns:3fr 1fr;align-items:stretch;gap:40px;display:grid}.ba{aspect-ratio:16/10;-webkit-user-select:none;user-select:none;cursor:ew-resize;border-radius:var(--radius);background:var(--canvas-2);position:relative;overflow:hidden}.ba-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ba-before-wrap{position:absolute;top:0;bottom:0;left:0;overflow:hidden}.ba-before{object-fit:cover;height:100%}.ba-handle{background:#f4efe6;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 24px #0000004d}.ba-handle-circle{width:48px;height:48px;color:var(--ink);background:#f4efe6;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000004d}.ba:hover .ba-handle-circle{transform:translate(-50%,-50%)scale(1.08)}.ba-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f4efe6;pointer-events:none;background:#0e1512a6;border-radius:999px;padding:8px 14px;font-size:10px;position:absolute;top:20px}.ba-label-before{left:20px}.ba-label-after{right:20px}.ba-caption{font-family:var(--font-display);color:#f4efe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0e151280;border-radius:4px;padding:8px 14px;font-size:20px;position:absolute;bottom:20px;left:20px}.ba-meta{background:var(--canvas-2);border-radius:var(--radius);flex-direction:column;gap:8px;padding:32px;display:flex}.ba-meta-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;font-size:14px;display:flex}.ba-meta-row:last-child{border-bottom:none}.ba-meta-row span:first-child{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted-text);align-self:center;font-size:10px}.ba-meta-row span:last-child{font-family:var(--font-display);font-size:20px}.ba-tabs{flex-wrap:wrap;gap:8px;margin:20px 0 80px;display:flex}.ba-tab{color:var(--muted-text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-family:inherit;font-size:13px;transition:all .2s;display:inline-flex}.ba-tab.active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.ba-tab:hover:not(.active){border-color:var(--ink);color:var(--ink)}.gallery{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.gal-item{flex-direction:column;gap:10px;display:flex}.gal-item .reveal-img{aspect-ratio:4/5;position:relative;overflow:hidden}.gal-item img{object-fit:cover;width:100%;height:100%}.gal-item figcaption{justify-content:space-between;align-items:baseline;padding:6px 0;font-size:13px;display:flex}.gal-item figcaption span:first-child{color:var(--muted-text);font-family:var(--font-mono);letter-spacing:.12em;font-size:10px}.gal-item figcaption span:last-child{font-family:var(--font-display);font-size:18px}.gal-item-0{grid-column:span 7}.gal-item-1,.gal-item-2{grid-column:span 5}.gal-item-3{grid-column:span 4}.gal-item-4{grid-column:span 3}.gal-item-5{grid-column:span 12}.gal-item-5 .reveal-img{aspect-ratio:21/9}.projects-cta{text-align:center;margin-top:60px}.process-head{flex-direction:column;gap:20px;margin-bottom:60px;display:flex}.process-list{flex-direction:column;display:flex}.process-row{border-top:1px solid var(--line);cursor:default;grid-template-columns:80px 320px 1fr;align-items:center;gap:40px;padding:36px 0;transition:padding .3s;display:grid}.process-row:last-child{border-bottom:1px solid var(--line)}.process-row:hover{padding-left:20px}.process-n{font-family:var(--font-mono);letter-spacing:.15em;color:var(--muted-text);font-size:12px}.process-t{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,3.5vw,48px);line-height:1}.process-d{color:var(--muted-text);max-width:48ch;font-size:15px;line-height:1.6}.testi{background:var(--ink);color:var(--canvas)}.testi .eyebrow{color:#f4efe699}.testi-stage{margin-top:40px;padding:40px 0;position:relative}.quote-mark{font-family:var(--font-display);color:var(--accent);opacity:.3;pointer-events:none;font-size:clamp(180px,22vw,340px);font-style:italic;line-height:.8;position:absolute;top:-80px;left:-20px}.testi-q{max-width:20ch;font-family:var(--font-display);letter-spacing:-.02em;z-index:2;margin:0;font-size:clamp(32px,4.2vw,68px);line-height:1.1;animation:.8s testi-in;display:none;position:relative}.testi-q.active{display:block}.testi-q p{margin:0 0 40px}.testi-q footer{border-top:1px solid var(--line-on-dark);color:#f4efe6bf;flex-direction:column;gap:4px;max-width:300px;padding-top:24px;display:flex}@keyframes testi-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.testi-pips{gap:8px;margin-top:40px;display:flex}.pip-dot{cursor:pointer;background:#f4efe64d;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.pip-dot.active{background:var(--accent);transform:scale(1.3)}.faq-inner{grid-template-columns:1fr 1.5fr;align-items:start;gap:80px;display:grid}.faq-head{flex-direction:column;gap:20px;display:flex;position:sticky;top:100px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{text-align:left;cursor:pointer;width:100%;font-size:clamp(18px,1.6vw,24px);font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);background:0 0;border:none;align-items:center;gap:20px;padding:28px 0;display:flex}.faq-q .hero-mono{color:var(--muted-text);min-width:32px}.faq-q>span:nth-child(2){flex:1}.faq-chev{font-family:var(--font-body);color:var(--muted-text);font-size:28px;line-height:1;transition:transform .4s cubic-bezier(.22,.61,.36,1)}.faq-item.open .faq-chev{color:var(--accent);transform:rotate(45deg)}.faq-a{grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,.61,.36,1);display:grid}.faq-a>div{color:var(--muted-text);max-width:60ch;padding-left:52px;font-size:16px;line-height:1.7;overflow:hidden}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a>div{padding-bottom:28px}.cta{background:var(--ink);color:var(--canvas);text-align:center;padding:180px 0}.cta-inner{max-width:900px;padding:0 var(--gutter);flex-direction:column;align-items:center;gap:28px;margin:0 auto;display:flex}.cta .eyebrow{color:var(--accent)}.cta .eyebrow:before{background:var(--accent)}.cta-title{margin:20px 0}.cta-title em{color:var(--accent)}.cta .lede{color:#f4efe6bf;text-align:center}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.cta-wa{color:#053d22;background:#25d366}.cta-wa:hover{color:#053d22;background:#2ee574;transform:translateY(-2px)}.cta .btn-ghost{color:#f4efe6;border-color:#f4efe680}.cta .btn-ghost:hover{color:var(--ink);background:#f4efe6}.cta-meta{border-top:1px solid var(--line-on-dark);text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin-top:80px;padding-top:40px;display:grid}.cta-meta>div{flex-direction:column;gap:6px;font-size:15px;display:flex}.cta-meta .hero-mono{opacity:.55}@media (max-width:860px){:root{--gutter:20px}.nav-links{display:none}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:80px 0}.hero-foot{grid-template-columns:1fr}.hero-actions{justify-self:start}.hero-scroll-hint,.hero-slide-meta{display:none}.stats-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr}.services-head{grid-template-columns:1fr;gap:20px}.ba-stage{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gal-item{grid-column:span 1!important}.gal-item-5{grid-column:span 2!important}.process-row{grid-template-columns:1fr;gap:10px;padding:24px 0}.faq-inner{grid-template-columns:1fr;gap:40px}.faq-head{position:static}.cta-meta{grid-template-columns:1fr;gap:14px}.intro-inner{grid-template-columns:1fr;gap:30px}.intro-meta{grid-template-columns:1fr;gap:20px}}