@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{--ink:#10203b;--ink-soft:#32435e;--cream:#f7f3eb;--paper:#fffdf8;--orange:#f56d3f;--yellow:#f8c643;--line:#10203b24;color:var(--ink);background:var(--cream);font-synthesis:none;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.public-shell{background:var(--cream);overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 48px);height:88px;margin:0 auto;display:flex}.site-mark{color:var(--ink);letter-spacing:.12em;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.site-mark span{background:var(--orange);width:17px;height:17px;color:var(--orange);border-radius:50%;place-items:center;display:grid}.topbar nav{gap:24px;display:flex}.topbar nav button{color:var(--ink-soft);background:0 0;border:0;padding:4px;font-size:12px;font-weight:800}.topbar nav button:hover,.admin-link:hover{color:var(--orange)}.admin-link{font-family:DM Mono,monospace;font-size:11px}.admin-link span{color:var(--orange);font-size:15px}.hero{border-bottom:1px solid var(--line);grid-template-columns:.93fr 1.07fr;align-items:center;gap:42px;width:min(1240px,100% - 48px);min-height:630px;margin:0 auto;display:grid;position:relative}.hero-copy{z-index:2;padding:64px 0 74px;position:relative}.section-kicker{color:var(--ink-soft);letter-spacing:.115em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 20px;font-family:DM Mono,monospace;font-size:10px;display:flex}.status-dot{background:#25a56f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #25a56f1f}.hero h1,.section-heading h2,.contact-section h2,.admin-header h1,.admin-gate h1{letter-spacing:-.065em;max-width:650px;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(48px,6.1vw,84px);font-weight:600;line-height:.98}.hero h1 em,h2 em,.admin-gate h1 em,.admin-header h1 em{color:var(--orange);font-weight:inherit}.hero-summary{max-width:490px;color:var(--ink-soft);margin:28px 0 30px;font-size:15px;line-height:1.78}.hero-actions{align-items:center;gap:24px;display:flex}.solid-button{background:var(--ink);color:#fff;border:0;border-radius:100px;justify-content:center;align-items:center;gap:28px;padding:14px 18px 14px 22px;font-size:12px;font-weight:800;transition:transform .16s,background .16s;display:inline-flex}.solid-button:hover{background:var(--orange);transform:translateY(-2px)}.solid-button:active{transform:scale(.97)}.solid-button span{color:var(--yellow);font-size:18px;line-height:.7}.text-button{color:var(--ink);background:0 0;border:0;font-size:12px;font-weight:800}.text-button span{color:var(--orange);margin-left:8px;font-size:17px}.hero-composition{background:linear-gradient(143deg,#173a70 0%,#132c59 50%,#f67843 50.2%,#f8c943 100%);border-radius:2px;min-height:470px;position:relative;overflow:hidden;box-shadow:24px 28px #f56d3f24}.hero-composition:before{content:"";border:1px solid #ffffff5e;border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-80px;box-shadow:0 0 0 48px #ffffff14,0 0 0 96px #ffffff0f}.hero-composition:after{content:"";border:1px solid #ffffff4a;position:absolute;inset:16px}.orbit{z-index:1;border:1px solid #ffffff75;border-radius:50%;position:absolute}.orbit-one{width:300px;height:300px;bottom:-145px;left:-110px}.orbit-two{width:170px;height:170px;bottom:-78px;left:-45px}.glow-card{z-index:2;width:104px;height:104px;color:var(--ink);align-content:center;padding:16px;font-family:DM Mono,monospace;font-size:25px;line-height:1;display:grid;position:absolute}.glow-card small{letter-spacing:.08em;text-transform:uppercase;margin-top:9px;font-size:9px}.glow-a{background:var(--yellow);top:68px;left:8%;transform:rotate(-6deg)}.glow-b{background:var(--paper);bottom:66px;right:7%;transform:rotate(8deg)}.hero-identity{z-index:2;color:#fff;display:grid;position:absolute;bottom:54px;left:12%}.hero-identity span{letter-spacing:.16em;font-family:DM Mono,monospace;font-size:9px}.hero-identity strong{letter-spacing:-.07em;margin:6px 0;font-family:Playfair Display,serif;font-size:48px;font-weight:600}.hero-identity i{letter-spacing:.1em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px;font-style:normal;line-height:1.45}.marquee{border-bottom:1px solid var(--line);background:var(--ink);color:var(--paper);white-space:nowrap;letter-spacing:.14em;justify-content:center;align-items:center;gap:clamp(18px,3vw,46px);padding:19px;font-family:DM Mono,monospace;font-size:11px;display:flex;overflow:hidden}.marquee b{color:var(--yellow);font-size:14px}.service-section,.work-section{width:min(1240px,100% - 48px);margin:0 auto;padding:124px 0}.section-heading h2,.contact-section h2{font-size:clamp(38px,4.8vw,64px)}.service-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:56px;display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;padding:25px 24px;transition:background .2s,transform .2s;position:relative}.service-card:first-child{border-left:1px solid var(--line)}.service-card:hover{background:var(--paper);transform:translateY(-4px)}.service-number{color:var(--orange);font-family:DM Mono,monospace;font-size:11px}.service-card h3{letter-spacing:-.045em;max-width:230px;margin:70px 0 10px;font-size:22px}.service-card p,.project-description{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.7}.service-arrow{color:var(--orange);font-size:22px;position:absolute;top:22px;right:22px}.empty-public{color:var(--ink-soft);border:1px dashed #10203b47;justify-content:center;align-items:center;gap:16px;margin-top:48px;padding:32px;font-size:13px;line-height:1.6;display:flex}.empty-public span{color:var(--orange);font-size:24px}.empty-public p{max-width:450px;margin:0}.work-section{padding-top:0}.row-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.row-heading>p{max-width:320px;color:var(--ink-soft);margin:0 0 8px;font-size:13px;line-height:1.7}.project-grid{grid-template-columns:repeat(12,1fr);gap:22px;margin-top:56px;display:grid}.project-card{grid-column:span 5}.project-card:nth-child(3n+2){grid-column:span 7;margin-top:74px}.project-card:nth-child(3n+3){grid-column:span 7}.project-art{color:#fff;background-color:#183a70;background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-start;min-height:320px;padding:18px;display:flex;position:relative;overflow:hidden}.project-art:after{content:"";border:1px solid #ffffffa1;border-radius:50%;width:155px;height:155px;position:absolute;bottom:-43px;right:-40px;box-shadow:0 0 0 25px #ffffff1c,0 0 0 50px #ffffff14}.card-2 .project-art{background-color:var(--orange)}.card-3 .project-art{background-color:#264d6c}.project-art span,.project-art b{z-index:1;letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px;position:relative}.project-meta{justify-content:space-between;align-items:end;padding:16px 0 9px;display:flex}.project-meta p{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;margin:0 0 5px;font-family:DM Mono,monospace;font-size:9px}.project-meta h3{letter-spacing:-.045em;margin:0;font-size:23px}.project-meta a,.project-disabled{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.project-disabled{opacity:.35}.work-empty{margin-top:56px}.contact-section{background:var(--yellow);padding:104px max(24px,50vw - 620px);position:relative;overflow:hidden}.contact-section:after{content:"";border:1px solid #10203b38;border-radius:50%;width:440px;height:440px;position:absolute;top:-120px;right:9%;box-shadow:0 0 0 50px #ffffff1f,0 0 0 100px #ffffff1a}.contact-section h2{z-index:1;max-width:680px;position:relative}.contact-grid{z-index:1;border-top:1px solid #10203b45;grid-template-columns:.8fr 1.45fr .8fr;align-items:end;gap:20px;margin-top:62px;padding-top:17px;display:grid;position:relative}.contact-grid p{color:var(--ink-soft);margin:0;font-family:DM Mono,monospace;font-size:10px;line-height:1.7}.contact-grid a{color:var(--ink);letter-spacing:-.055em;font-family:Playfair Display,serif;font-size:clamp(24px,3vw,43px);font-weight:600}.contact-grid a span{color:var(--orange)}.footer{justify-content:space-between;align-items:center;gap:18px;width:min(1240px,100% - 48px);margin:0 auto;padding:28px 0;display:flex}.footer p,.footer a{color:var(--ink-soft);margin:0;font-family:DM Mono,monospace;font-size:10px}.muted{color:var(--ink-soft);margin-top:45px}.admin-gate{background:linear-gradient(132deg,var(--cream) 0 62%,var(--yellow) 62%);grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:100vh;padding:40px max(28px,50vw - 540px);display:grid}.admin-gate .site-mark{position:absolute;top:34px;left:max(28px,50vw - 540px)}.admin-gate>div{max-width:510px}.admin-gate h1{font-size:clamp(46px,6vw,76px)}.admin-gate p:not(.section-kicker){color:var(--ink-soft);font-size:14px;line-height:1.75}.admin-gate .solid-button{margin:16px 0 25px}.admin-gate a:last-child{color:var(--ink-soft);font-size:12px;font-weight:800;display:block}.admin-shell{background:#f5f3ee;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;height:100vh;padding:31px 24px;display:flex;position:sticky;top:0}.admin-user{align-items:center;gap:11px;margin:58px 0 40px;display:flex}.admin-user>span{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Playfair Display,serif;font-size:19px;display:grid}.admin-user b,.admin-user small{display:block}.admin-user b{font-size:12px}.admin-user small{color:var(--ink-soft);margin-top:2px;font-size:10px}.admin-sidebar nav{gap:4px;display:grid}.admin-sidebar nav a{color:var(--ink-soft);border-bottom:1px solid #10203b14;padding:11px 0;font-size:12px;font-weight:800}.admin-sidebar nav a:hover{color:var(--orange)}.sidebar-logout{color:var(--ink-soft);text-align:left;background:0 0;border:0;margin-top:auto;padding:0;font-size:12px;font-weight:800}.admin-main{max-width:1120px;padding:54px clamp(28px,6vw,86px) 100px}.admin-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-bottom:52px;display:flex}.admin-header h1{font-size:clamp(44px,5vw,68px)}.admin-preview{border-bottom:1px solid var(--ink);padding-bottom:4px;font-family:DM Mono,monospace;font-size:10px}.admin-notice{color:#176246;background:#e9f6ee;border:1px solid #25a56f47;margin:24px 0 0;padding:12px 14px;font-size:12px}.admin-section{border-bottom:1px solid var(--line);padding:58px 0}.admin-section-heading{margin-bottom:28px}.admin-section-heading h2{letter-spacing:-.045em;margin:0;font-family:Playfair Display,serif;font-size:32px}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.admin-form label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;gap:7px;font-size:10px;font-weight:800;display:grid}.admin-form input,.admin-form textarea{background:var(--paper);width:100%;color:var(--ink);letter-spacing:normal;text-transform:none;border:1px solid #10203b2e;border-radius:6px;outline:0;padding:12px 13px;font-size:13px;font-weight:500;transition:border-color .16s,box-shadow .16s}.admin-form textarea{resize:vertical;min-height:114px;line-height:1.6}.admin-form input:focus,.admin-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f56d3f21}.admin-form .wide{grid-column:1/-1}.form-submit{grid-column:1/-1;width:max-content;margin-top:4px}.checkbox-label{grid-template-columns:auto 1fr;grid-auto-flow:column;justify-content:start;align-items:center;padding-top:22px;text-transform:none!important;letter-spacing:0!important;gap:9px!important;font-size:11px!important}.checkbox-label input{width:16px;height:16px;accent-color:var(--orange)}.manage-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:36px;display:grid}.compact-form{border:1px solid var(--line);background:var(--paper);padding:21px}.form-actions{grid-column:1/-1;align-items:center;gap:15px;display:flex}.plain-button{color:var(--ink-soft);background:0 0;border:0;font-size:12px;font-weight:800}.admin-list{gap:10px;display:grid}.admin-list article{border:1px solid var(--line);background:#ffffff80;justify-content:space-between;align-items:start;gap:18px;padding:17px;display:flex}.admin-list b{font-size:13px}.admin-list p{color:var(--ink-soft);margin:5px 0;font-size:12px;line-height:1.45}.admin-list small{color:var(--ink-soft);font-family:DM Mono,monospace;font-size:9px}.admin-list article>div:last-child{gap:7px;display:flex}.admin-list button{color:var(--ink);background:0 0;border:0;font-size:11px;font-weight:800}.admin-list button:hover{color:var(--orange)}.admin-list button.danger:hover{color:#b33b34}.empty-admin{border:1px dashed var(--line);color:var(--ink-soft);text-align:center;padding:20px}.admin-login-form{gap:13px;width:min(380px,100%);margin:24px 0 10px;display:grid}.admin-login-form label{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:10px;font-weight:800;display:grid}.admin-login-form input{background:var(--paper);width:100%;color:var(--ink);text-transform:none;letter-spacing:normal;border:1px solid #10203b33;border-radius:6px;outline:0;padding:13px;font-size:14px}.admin-login-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f56d3f21}.admin-login-form .solid-button{width:max-content;margin:5px 0 8px}.login-error{color:#aa3b32!important;margin:0!important;font-size:12px!important;line-height:1.5!important}@media (width<=800px){.topbar{width:calc(100% - 32px);height:74px}.topbar nav{display:none}.hero,.service-section,.work-section,.footer{width:calc(100% - 32px)}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding:24px 0 52px}.hero-copy{padding:28px 0 40px}.hero-composition{min-height:340px}.hero-identity{bottom:35px;left:10%}.hero-identity strong{font-size:40px}.service-section,.work-section{padding:78px 0}.service-grid{grid-template-columns:1fr;margin-top:36px}.service-card,.service-card:first-child{border-left:1px solid var(--line);min-height:190px}.service-card h3{margin-top:45px}.row-heading{display:block}.row-heading>p{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:35px;margin-top:38px}.project-card,.project-card:nth-child(3n+2),.project-card:nth-child(3n+3){grid-column:auto;margin-top:0}.project-art{min-height:270px}.contact-section{padding:72px 24px}.contact-grid{grid-template-columns:1fr;gap:17px;margin-top:42px}.footer{flex-wrap:wrap}.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:20px 22px;position:relative}.admin-user{margin:22px 0}.admin-sidebar nav{flex-wrap:wrap;gap:14px;display:flex}.admin-sidebar nav a{border:0;padding:0}.sidebar-logout{position:absolute;top:25px;right:22px}.admin-main{padding:42px 22px 70px}.admin-header{padding-bottom:35px}.manage-layout,.admin-form{grid-template-columns:1fr}.admin-form .wide,.form-submit,.form-actions{grid-column:auto}.admin-gate{background:linear-gradient(155deg,var(--cream) 0 68%,var(--yellow) 68%);grid-template-columns:1fr;padding:100px 25px 50px}.admin-gate .site-mark{left:25px}.hero-actions{flex-wrap:wrap}}.project-link{background:var(--ink);color:#fff;white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;font-weight:800;transition:background .16s,transform .16s;display:inline-flex}.project-link:hover{background:var(--orange);transform:translateY(-1px)}.project-link span{color:var(--yellow);font-size:16px;line-height:.7}.project-meta .project-link{width:auto;height:auto;min-height:38px;padding:8px 11px}.project-disabled{color:var(--ink-soft);opacity:.65;font-family:DM Mono,monospace;font-size:9px}.contact-grid{grid-template-columns:.7fr 1.3fr;gap:36px}.contact-location{max-width:190px}.contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.contact-link{background:#fffdf87a;border:1px solid #10203b33;align-items:center;gap:12px;min-width:0;padding:14px 15px;transition:background .16s,transform .16s;display:flex}.contact-link:hover{background:var(--paper);transform:translateY(-2px)}.contact-link svg{flex:none;width:23px;height:23px}.whatsapp-link svg{color:#147a4f}.mail-link svg{color:var(--orange)}.contact-link span{min-width:0;color:var(--ink);letter-spacing:-.025em;overflow-wrap:anywhere;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:800;display:grid}.contact-link small{color:var(--ink-soft);letter-spacing:.12em;margin-bottom:3px;font-family:DM Mono,monospace;font-size:8px;font-weight:500}.contact-empty{padding:14px 0}@media (width<=800px){.contact-actions{grid-template-columns:1fr}.project-meta{flex-direction:column;align-items:flex-start;gap:12px}.project-meta .project-link{justify-content:center;width:100%;min-height:46px;padding:12px 16px;font-size:12px}}.image-upload-field{background:#fffdf87a;border:1px dashed #10203b47;gap:9px;padding:13px;display:grid}.image-upload-field>span{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.image-upload-field p,.image-upload-field small{color:var(--ink-soft);letter-spacing:normal;text-transform:none;margin:0;font-size:11px;line-height:1.55}.image-upload-actions{flex-wrap:wrap;gap:9px;display:flex}.image-source-button{border:1px solid var(--ink);cursor:pointer;border-radius:100px;align-items:center;padding:10px 12px;transition:background .16s,color .16s;width:auto!important;color:var(--ink)!important;font-size:11px!important;display:inline-flex!important}.image-source-button:hover{background:var(--ink);color:#fff!important}.image-source-button input{opacity:0;pointer-events:none;height:1px;position:absolute;width:1px!important}.project-image-preview{object-fit:cover;border:1px solid var(--line);background:var(--cream);width:100%;max-height:230px}
