/* Projetos demonstrativos do portfólio */
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.project-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.project-content{padding:26px}.project-content h3{font-size:28px;margin:10px 0}.project-content p{line-height:1.8}.project-content .btn{margin-top:8px}
.project-preview{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:32px;overflow:hidden;text-decoration:none;isolation:isolate}
.project-preview>span,.project-preview>strong,.project-preview>small{position:relative;z-index:1;max-width:65%}
.project-preview>span{font-size:11px;letter-spacing:.15em;margin-bottom:26px}.project-preview>strong{font:500 clamp(25px,3vw,36px)/1.12 Georgia,serif}.project-preview>small{font-size:11px;margin-top:22px}
.preview-forma{background:#eae5da;color:#283d34}.preview-forma:after{content:"";position:absolute;right:-20px;bottom:-40px;width:43%;height:92%;background:linear-gradient(90deg,#a5b6a5 48%,#819581 49%,#819581 52%,#b4bda8 53%);border-radius:120px 120px 0 0;transform:rotate(-12deg);box-shadow:-18px 10px 0 #d1d3bf;z-index:0}
.preview-impulso{background:#201445;color:#f6f0ff}.preview-impulso>strong{font-family:Inter,system-ui,sans-serif;font-weight:700}.preview-impulso:after{content:"↗";position:absolute;right:-10px;bottom:-70px;font:700 290px/1 system-ui;color:#c4ef72;transform:rotate(-10deg);z-index:0}
.demo-page{margin:0;font-family:Inter,system-ui,sans-serif;background:#f5f2eb;color:#283d34;line-height:1.6}
.demo-page *{box-sizing:border-box}.demo-page a{color:inherit;text-underline-offset:5px}.demo-page a:focus-visible{outline:3px solid #b86335;outline-offset:5px}
.demo-notice{padding:12px 24px;background:#0b1030;color:#e4e9ff;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:12px}.demo-notice a{font-weight:700}
.demo-wrap{width:min(1100px,calc(100% - 40px));margin:auto}.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px;border-bottom:1px solid #283d3430}.demo-brand{font-size:27px;font-weight:700;text-decoration:none;letter-spacing:-.05em}.demo-nav-links{display:flex;gap:24px;font-size:14px}
.demo-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:80px 0}.demo-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.demo-page h1{font:400 clamp(42px,6vw,74px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:24px 0}.demo-page h2{font:400 clamp(30px,4vw,44px)/1.15 Georgia,serif;margin:0 0 22px}.demo-page p{max-width:600px}.demo-button{display:inline-block;padding:14px 24px;background:#283d34;color:#fff!important;text-decoration:none;border-radius:4px;font-size:14px;font-weight:600;margin-top:20px}
.demo-art{min-height:390px;border-radius:180px 180px 8px 8px;background:linear-gradient(90deg,transparent 49%,#eef0e433 49%,#eef0e433 51%,transparent 51%),linear-gradient(150deg,#d4d6c3,#819581);position:relative;overflow:hidden;display:flex;align-items:end;padding:28px;color:#fff}.demo-art:before{content:"";position:absolute;inset:24% 12% -10%;border:28px solid #f5f2eb88;border-bottom:0;border-radius:130px 130px 0 0;transform:rotate(18deg)}.demo-art span{position:relative;font-size:12px;letter-spacing:.1em}
.demo-section{padding:64px 0;border-top:1px solid #283d3426;scroll-margin-top:20px}.demo-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.demo-columns article{padding:24px;border:1px solid #283d3426;border-radius:8px}.demo-columns h3{font-size:20px;margin:14px 0}.demo-columns p{font-size:14px}.demo-number{font-size:12px;letter-spacing:.1em}.demo-contact{padding:40px;background:#eae5da;border-radius:12px}.demo-footer{padding:28px 0;font-size:12px;border-top:1px solid #283d3426}
.demo-landing{background:#171029;color:#f6f0ff}.demo-landing .demo-nav,.demo-landing .demo-section,.demo-landing .demo-footer{border-color:#ffffff26}.demo-landing h1,.demo-landing h2{font-family:Inter,system-ui,sans-serif;font-weight:700}.demo-landing h1 em{font-style:normal;color:#c4ef72}.demo-landing .demo-button{background:#c4ef72;color:#171029!important;border-radius:99px}.demo-landing .demo-columns article{border-color:#ffffff26;background:#211736}.demo-landing .demo-contact{background:#2a1c42}.demo-orbit{min-height:390px;display:grid;place-items:center;border:1px solid #c4ef7233;border-radius:50%;background:radial-gradient(circle,#c4ef721a 0 38%,transparent 39% 55%,#c4ef721a 56% 56.5%,transparent 57%);position:relative}.demo-orbit strong{font-size:130px;color:#c4ef72;line-height:1}.demo-orbit span{position:absolute;bottom:46px;font-size:12px;letter-spacing:.18em}
/* Fotografias conceituais: arquivos locais para funcionar também offline. */
.preview-photo{min-height:320px;color:#fff;justify-content:flex-end;background:#283d34}
.preview-photo:after{display:none}
.preview-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(7,12,10,.92),rgba(7,12,10,.5) 55%,rgba(7,12,10,.12))}
.preview-impulso.preview-photo:before{background:linear-gradient(0deg,rgba(23,16,41,.96),rgba(23,16,41,.58) 55%,rgba(23,16,41,.12))}
.preview-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.preview-photo:hover>img{transform:scale(1.035)}
.preview-photo>span{max-width:100%;font-weight:600;color:#fff;margin-bottom:16px}
.preview-photo>strong{max-width:88%;text-shadow:0 2px 12px #0005}
.preview-photo>small{color:#fff;margin-top:18px}
.demo-photo{margin:0;position:relative;min-width:0;height:520px;border-radius:160px 160px 8px 8px;overflow:hidden;background:#819581;box-shadow:0 25px 60px -35px #283d3466}
.demo-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:47% center}
.demo-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102219d9,transparent 55%);pointer-events:none}
.demo-photo figcaption{position:absolute;z-index:1;bottom:28px;left:28px;right:28px;color:#fff}
.demo-photo figcaption>span{display:block;font-size:10px;letter-spacing:.16em;line-height:1.8}
.demo-photo figcaption>strong{display:block;font:400 30px/1.15 Georgia,serif;max-width:300px;margin-top:10px}
.demo-photo figcaption>small{display:block;font-size:10px;margin-top:20px;color:#e0e7df}
.demo-photo-impulso{border-radius:22px;background:#211736;box-shadow:14px 14px 0 #c4ef721a}
.demo-photo-impulso>img{object-position:42% center}
.demo-photo-impulso:after{background:linear-gradient(0deg,#171029ed,transparent 65%)}
.demo-photo-impulso figcaption>span{color:#c4ef72}
.demo-photo-impulso figcaption>strong{font-family:Inter,system-ui,sans-serif;font-size:27px;font-weight:600}
.demo-values{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.demo-values span{font-size:12px;border:1px solid #283d3433;border-radius:99px;padding:8px 14px}
@media(max-width:760px){.project-grid,.demo-hero,.demo-columns{grid-template-columns:1fr}.demo-hero{padding:45px 0;gap:32px}.demo-art,.demo-orbit{min-height:320px}.demo-nav{flex-wrap:wrap;gap:12px;padding:20px 0}.demo-nav-links{gap:16px;flex-wrap:wrap;font-size:12px}.demo-section{padding:44px 0}.demo-contact{padding:26px}.project-preview{min-height:300px}.demo-notice{gap:8px;text-align:center}.demo-photo{height:440px;border-radius:120px 120px 8px 8px}.demo-photo-impulso{border-radius:18px}.demo-photo figcaption{bottom:24px;left:24px;right:24px}}
@media(max-width:380px){.demo-photo{height:380px}.preview-photo{padding:24px}.preview-photo>strong{max-width:100%}}
@media(prefers-reduced-motion:reduce){.preview-photo>img{transition:none}.preview-photo:hover>img{transform:none}}