:root{--red:#c8102e;--red-bright:#e62444;--ink:#1d1d1f;--gray:#58595b;--muted:#9a9b9e;--paper:#f0efed;--white:#fff;--line:#1d1d1f19;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.section-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.topbar{position:fixed;z-index:10;top:0;left:0;width:100%;height:76px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:30px;background:#f0efedeb;border-bottom:1px solid transparent;transition:.35s var(--ease)}.topbar.is-scrolled{height:60px;width:min(100% - 32px,970px);left:50%;transform:translateX(-50%);top:12px;padding:0 20px;border:1px solid #fff;border-radius:17px;background:#fffffff2;box-shadow:0 14px 38px #00000012}.logo{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.logo img{width:112px;height:28px;object-fit:cover;object-position:center;mix-blend-mode:multiply}.logo span{color:var(--red);border-left:1px solid var(--line);padding-left:8px}.nav{display:flex;gap:28px;margin-left:auto;color:var(--gray);font-size:.76rem}.nav a{transition:color .2s}.nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;padding:15px 21px;font-size:.8rem;font-weight:800;transition:.3s var(--ease)}.button b{font-size:1.1em}.button-small{padding:11px 15px;font-size:.7rem}.button-dark{background:var(--ink);color:#fff;box-shadow:0 8px 20px #00000015}.button-dark:hover{background:var(--red);transform:translateY(-2px)}.button-red{background:var(--red);color:#fff;box-shadow:0 14px 28px #c8102e32}.button-red:hover{background:var(--red-bright);transform:translateY(-3px)}.button-light{background:#fff;color:var(--ink)}.menu{display:none;width:32px;border:0;background:none;padding:0;margin-left:auto}.menu i{height:2px;background:var(--ink);display:block;margin:6px 0}.hero{min-height:790px;padding-top:145px;padding-bottom:80px;display:grid;grid-template-columns:.94fr 1.06fr;gap:55px;align-items:center}.hero-copy{max-width:570px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0;color:var(--red);font-size:.65rem;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #c8102e16}.hero h1{font-size:clamp(3.7rem,6.2vw,6rem);letter-spacing:-.075em;line-height:.93;margin:26px 0 25px;max-width:650px}.hero h1 em,.intro h2 span,.section-heading h2 span{font-style:normal;color:var(--red)}.hero-lead{max-width:510px;margin:0;color:var(--gray);font-size:1.04rem;line-height:1.7}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.underlink{font-size:.78rem;font-weight:800;border-bottom:1px solid #1d1d1f55;padding-bottom:4px}.underlink span{color:var(--red);margin-left:7px}.hero-meta{display:flex;align-items:center;gap:10px;margin-top:40px;color:#85868a;font-size:.68rem}.signal{display:flex;gap:3px}.signal i{display:block;width:15px;height:15px;border-radius:50%;background:#1d1d1f}.signal i:nth-child(2){background:#aaa}.signal i:nth-child(3){background:var(--red)}.hero-visual{height:520px;position:relative;isolation:isolate}.visual-grid{position:absolute;inset:2% 0 0 7%;background-image:linear-gradient(#1d1d1f0b 1px,transparent 1px),linear-gradient(90deg,#1d1d1f0b 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom right,#000,transparent 85%);opacity:.8}.system-card{position:absolute;border:1px solid #fff;box-shadow:0 25px 55px #00000014}.card-back{width:330px;height:335px;right:9%;top:8%;padding:24px;border-radius:22px;background:#e1e0dd;transform:rotate(7deg)}.card-back small{font-size:.58rem;letter-spacing:.12em;color:#858589}.card-back b{display:block;margin-top:75px;font-size:2.25rem;line-height:.95;letter-spacing:-.08em}.card-back em{font-style:normal;color:var(--red)}.card-back>span{position:absolute;bottom:20px;left:24px;color:#838489;font-size:.6rem}.card-back span i,.live i{display:inline-block;width:6px;height:6px;background:#32ad67;border-radius:50%;margin-left:5px}.card-front{z-index:2;width:385px;height:300px;left:7%;top:18%;padding:21px;border-radius:20px;background:#ffffffe9;transform:rotate(-5deg)}.card-head,.card-foot{display:flex;justify-content:space-between;color:#85868a;font-size:.55rem;font-weight:800;letter-spacing:.1em}.live{color:#32a667}.terminal{margin-top:39px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;line-height:2.1}.terminal>span{display:inline-block;width:26px;color:#b0b1b3}.terminal p{display:inline;margin:0;color:#67686a}.terminal b{color:#bd4d86}.terminal em{font-style:normal;color:#c8102e}.terminal strong{color:#327e9b}.terminal .success{color:#2c9c60}.card-foot{position:absolute;bottom:20px;left:21px;right:21px}.card-foot b{color:var(--red)}.orbit{position:absolute;border:1px solid #c8102e38;border-radius:50%;pointer-events:none}.orbit-one{width:470px;height:470px;left:8%;top:0;animation:orbit 24s linear infinite}.orbit-two{width:355px;height:355px;right:1%;top:15%;border-color:#58595b25;border-style:dashed;animation:orbit-reverse 32s linear infinite}.visual-tag{position:absolute;z-index:3;color:#888;font-size:.56rem;letter-spacing:.12em;line-height:1.5}.visual-tag b{color:var(--ink)}.tag-top{right:0;top:5%}.tag-bottom{bottom:4%;left:4%}.ticker{overflow:hidden;background:var(--ink);color:#fff;transform:rotate(-1.2deg) scale(1.03);padding:17px 0;margin:0}.ticker>div{width:max-content;display:flex;align-items:center;gap:30px;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.18em;animation:ticker 26s linear infinite}.ticker b{color:var(--red);font-size:1.05rem}.intro{display:grid;grid-template-columns:.45fr 1.55fr;gap:45px;padding-top:165px;padding-bottom:170px}.section-index{margin:0;color:#818286;font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.intro h2,.section-heading h2{font-size:clamp(2.7rem,4.5vw,4.7rem);line-height:.98;letter-spacing:-.07em;margin:0}.body-copy{max-width:450px;margin:27px 0 0;color:var(--gray);font-size:1rem;line-height:1.7}.section-heading{display:grid;grid-template-columns:.45fr 1.55fr;gap:45px;align-items:start}.process{padding-bottom:170px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.process-card{position:relative;min-height:305px;padding:26px;border:1px solid #fff;border-radius:20px;background:#ffffff91;box-shadow:0 15px 40px #00000008}.process-card>span{color:var(--red);font-size:.64rem;font-weight:800}.process-icon{display:grid;place-items:center;width:48px;height:48px;margin:48px 0 28px;border:1px solid var(--line);border-radius:14px;color:var(--red);font-size:1.7rem}.process-card h3{font-size:1.55rem;letter-spacing:-.05em;margin:0 0 7px}.process-card p{max-width:245px;margin:0;color:var(--gray);font-size:.8rem;line-height:1.55}.process-card .arrow{position:absolute;right:25px;bottom:27px;color:#a1a1a4;font-style:normal}.process-card-red{background:var(--red);color:#fff}.process-card-red>span,.process-card-red .process-icon{color:#fff}.process-card-red .process-icon{border-color:#ffffff55}.process-card-red p{color:#ffd9df}.solutions{padding-bottom:180px}.solutions-heading{margin-bottom:60px}.solutions-heading .body-copy{margin-top:22px}.solution-list{border-top:1px solid var(--line)}.solution-row{display:grid;grid-template-columns:70px 1.1fr 1fr 35px;align-items:center;gap:20px;padding:28px 4px;border-bottom:1px solid var(--line);transition:.35s var(--ease)}.solution-row:hover{padding-inline:17px;background:#fff;border-color:#fff;box-shadow:0 10px 30px #00000009}.solution-number{color:var(--red);font-size:.68rem;font-weight:800}.solution-row small{color:#929397;font-size:.59rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.solution-row h3{margin:6px 0 0;font-size:1.65rem;letter-spacing:-.05em}.solution-row p{max-width:310px;margin:0;color:var(--gray);font-size:.8rem}.row-arrow{color:var(--red);font-size:1.15rem}.manifesto-band{position:relative;overflow:hidden;background:var(--ink);color:#fff}.manifesto-inner{min-height:520px;padding-top:100px;padding-bottom:100px;position:relative;z-index:2}.eyebrow.light{color:#fff}.eyebrow.light span{background:#fff;box-shadow:0 0 0 5px #ffffff19}.manifesto-band h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.08em;margin:28px 0 22px}.manifesto-band h2 em{font-style:normal;color:var(--red)}.manifesto-band p:not(.eyebrow){max-width:370px;color:#b7b8bb;font-size:.9rem}.manifesto-band .button{margin-top:20px}.band-mark{position:absolute;right:9%;top:50%;transform:translateY(-50%) rotate(12deg);font-size:24rem;line-height:.7;font-weight:900;letter-spacing:-.2em;color:#ffffff08}.band-mark span{color:#c8102e55;font-size:.3em;vertical-align:top}.footer{display:flex;align-items:center;justify-content:space-between;min-height:100px;color:#7d7e82;font-size:.68rem}.footer>a:last-child{color:var(--red);font-weight:800}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbit-reverse{to{transform:rotate(-360deg)}}
@media (max-width:900px){.section-wrap{width:calc(100% - 32px)}.topbar{height:64px;padding:0 16px}.topbar.is-scrolled{width:calc(100% - 16px);height:56px;padding:0 15px}.nav,.topbar>.button{display:none}.menu{display:block}.menu-open .nav{position:absolute;display:flex;flex-direction:column;gap:16px;top:59px;right:8px;width:calc(100% - 16px);padding:19px;background:#fffffff5;border:1px solid #fff;border-radius:15px;box-shadow:0 18px 38px #0002}.hero{display:block;min-height:auto;padding-top:135px;padding-bottom:65px}.hero h1{font-size:clamp(3.4rem,14vw,5rem);max-width:600px}.hero-lead{font-size:.95rem}.actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-visual{height:430px;margin-top:42px}.card-front{left:2%;top:16%;width:min(385px,88vw);height:285px}.card-back{right:0;width:min(330px,75vw);height:300px}.orbit-one{width:390px;height:390px;left:-5%;top:0}.orbit-two{width:290px;height:290px;right:-8%;top:20%}.tag-top{right:0}.intro,.section-heading{display:block;padding-top:105px;padding-bottom:105px}.intro h2,.section-heading h2{font-size:clamp(2.7rem,12vw,4.2rem);margin-top:19px}.process{padding-bottom:105px}.process-grid{grid-template-columns:1fr;margin-top:38px}.process-card{min-height:240px}.process-icon{margin:30px 0 20px}.solutions{padding-bottom:110px}.solutions-heading{margin-bottom:40px}.solution-row{grid-template-columns:36px 1fr 28px;gap:10px;padding:23px 0}.solution-row p{grid-column:2/4;margin-top:5px}.solution-row h3{font-size:1.35rem}.solution-row:hover{padding-inline:0;background:none;box-shadow:none}.manifesto-inner{min-height:540px;padding-top:80px;padding-bottom:80px}.manifesto-band h2{font-size:clamp(3.2rem,14vw,5.7rem)}.band-mark{right:-5%;font-size:15rem}.footer{align-items:flex-start;flex-direction:column;gap:18px;padding-top:28px;padding-bottom:28px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div,.orbit,.orbit-two{animation:none}.reveal{transition:none}}

/* Portfolio / interactive case studies */
.portfolio{padding-bottom:170px}.portfolio-heading{margin-bottom:55px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.portfolio-card{min-height:390px;padding:24px;border:1px solid #fff;border-radius:22px;position:relative;overflow:hidden;text-align:left;color:var(--ink);cursor:pointer;transition:transform .45s var(--ease),box-shadow .45s var(--ease);box-shadow:0 15px 40px #00000009}.portfolio-card:hover{transform:translateY(-9px);box-shadow:0 28px 55px #00000017}.portfolio-card:focus-visible{outline:3px solid var(--red);outline-offset:4px}.portfolio-aurora{background:#dfe8df}.portfolio-vitta{background:#e8e0d9}.portfolio-nativo{background:#dedbd4}.portfolio-card-top,.portfolio-card-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.portfolio-card-top small,.portfolio-card-bottom small{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#77797b}.portfolio-card-top b{font-size:1.2rem;font-weight:500;color:var(--red)}.portfolio-card-bottom{position:absolute;left:24px;right:24px;bottom:24px;align-items:flex-end}.portfolio-card-bottom span{font-size:1rem;font-weight:800;letter-spacing:-.04em}.portfolio-card-bottom small{text-align:right;font-size:.53rem;max-width:100px}.mini-site{position:absolute;inset:68px 24px 75px;padding:28px 22px;overflow:hidden;border:1px solid #fff;border-radius:16px;box-shadow:0 18px 35px #00000012;transition:transform .5s var(--ease)}.portfolio-card:hover .mini-site{transform:scale(1.035) rotate(-1deg)}.mini-site>span{font-size:.6rem;font-weight:800;letter-spacing:.15em}.mini-site>b{display:block;margin-top:64px;font-size:2.25rem;line-height:.9;letter-spacing:-.08em}.mini-site i{position:absolute;width:110px;height:110px;border:1px solid currentColor;border-radius:50%;right:-34px;bottom:-40px}.mini-site i:after{content:"";position:absolute;width:8px;height:8px;background:currentColor;border-radius:50%;top:12px;left:16px}.mini-aurora{background:#f4f7f0;color:#315c48}.mini-aurora>b{color:#315c48}.mini-aurora:after{content:"01 / 04    espaços que respiram";position:absolute;bottom:22px;left:22px;color:#779080;font-size:.55rem;letter-spacing:.08em}.mini-vitta{background:#fff9f3;color:#af5d43}.mini-vitta>b{color:#432c27;font-family:Georgia,serif;font-weight:400;font-size:2.6rem;line-height:.9}.mini-vitta:after{content:"agendar uma consulta   →";position:absolute;bottom:22px;left:22px;color:#a5796d;font-size:.55rem;letter-spacing:.08em}.mini-nativo{background:#22211f;color:#d6ae6c}.mini-nativo>b{color:#f3e5c6;font-family:Georgia,serif;font-weight:400}.mini-nativo:after{content:"café • brunch • encontros";position:absolute;bottom:22px;left:22px;color:#aaa18e;font-size:.55rem;letter-spacing:.08em}.portfolio-note{display:flex;align-items:center;gap:9px;margin:27px 0 0;color:#818286;font-size:.68rem}.portfolio-note span{color:var(--red)}
.project-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease),visibility .35s}.project-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#111114cc;backdrop-filter:blur(7px)}.modal-window{position:relative;z-index:1;width:min(920px,100%);min-height:500px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid #ffffff66;border-radius:26px;background:#f3f2ef;box-shadow:0 35px 100px #00000055;transform:translateY(22px) scale(.97);transition:transform .5s var(--ease)}.project-modal.is-open .modal-window{transform:none}.modal-close{position:absolute;z-index:3;top:15px;right:17px;width:36px;height:36px;border:1px solid #ffffff99;border-radius:50%;background:#ffffffbb;color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}.modal-visual{min-height:500px;position:relative;overflow:hidden}.modal-copy{display:flex;flex-direction:column;padding:58px 46px 38px}.modal-kicker{display:flex;justify-content:space-between;gap:10px;color:#8d8e91;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.modal-kicker span:first-child{color:var(--red);font-size:.8rem}.modal-copy h2{margin:52px 0 17px;font-size:clamp(2.8rem,5vw,4.7rem);line-height:.9;letter-spacing:-.08em}.modal-description{max-width:340px;margin:0;color:var(--gray);font-size:.9rem;line-height:1.65}.modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.modal-tags span{padding:7px 9px;border:1px solid var(--line);border-radius:99px;color:#77787b;font-size:.6rem}.modal-nav{display:flex;align-items:center;gap:14px;margin-top:auto}.modal-nav>button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1rem;cursor:pointer}.modal-nav>button:hover{border-color:var(--red);color:var(--red)}.modal-dots{display:flex;gap:6px;margin-right:auto}.modal-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c0c0c0;cursor:pointer}.modal-dots button.is-active{background:var(--red);transform:scale(1.45)}
.modal-visual:before,.modal-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff70}.modal-visual:before{width:390px;height:390px;top:9%;left:4%;}.modal-visual:after{width:265px;height:265px;top:22%;left:20%;border-style:dashed;animation:orbit-reverse 26s linear infinite}.modal-visual .demo-browser{position:absolute;z-index:2;inset:17% 9% 15%;border:1px solid #fff;border-radius:18px;background:#fff;box-shadow:0 24px 45px #0000001b;overflow:hidden;transform:rotate(-4deg);animation:demo-float 6s ease-in-out infinite}.demo-browser-top{height:31px;padding:0 12px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #00000012}.demo-browser-top i{width:6px;height:6px;border-radius:50%;background:#e57a78}.demo-browser-top i:nth-child(2){background:#e8c26f}.demo-browser-top i:nth-child(3){background:#67b978}.demo-browser-body{height:calc(100% - 31px);padding:31px}.demo-browser-body small{font-size:.55rem;letter-spacing:.15em;color:currentColor}.demo-browser-body h3{max-width:300px;margin:44px 0 0;font-size:2.7rem;line-height:.88;letter-spacing:-.08em}.demo-browser-body p{max-width:220px;margin-top:20px;font-size:.62rem;line-height:1.5;opacity:.7}.demo-browser-body b{display:inline-flex;margin-top:24px;padding:9px 13px;border-radius:7px;font-size:.58rem;background:currentColor;color:#fff}.modal-visual[data-theme="aurora"]{background:#b9cfbd;color:#315c48}.modal-visual[data-theme="vitta"]{background:#d7b8a9;color:#57332b}.modal-visual[data-theme="nativo"]{background:#8b806c;color:#f1dfbd}.modal-visual[data-theme="nativo"] .demo-browser{background:#24221f;border-color:#aa9c84}.modal-visual[data-theme="nativo"] .demo-browser-body b{color:#24221f}.modal-visual[data-theme="vitta"] .demo-browser-body h3{font-family:Georgia,serif;font-weight:400}.modal-visual[data-theme="nativo"] .demo-browser-body h3{font-family:Georgia,serif;font-weight:400}.modal-visual[data-theme="aurora"] .demo-browser-body b{color:#fff}.modal-visual[data-theme="vitta"] .demo-browser-body b{color:#fff}
@keyframes demo-float{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}
@media (max-width:900px){.portfolio{padding-bottom:110px}.portfolio-grid{grid-template-columns:1fr;gap:13px}.portfolio-card{min-height:260px}.mini-site{inset:58px 24px 62px;padding:20px}.mini-site>b{margin-top:34px;font-size:2rem}.portfolio-card-bottom{bottom:19px}.portfolio-note{align-items:flex-start}.project-modal{padding:12px}.modal-window{display:block;max-height:calc(100svh - 24px);overflow:auto}.modal-visual{min-height:245px;height:37svh}.modal-copy{padding:28px 23px 22px;min-height:275px}.modal-copy h2{margin:22px 0 12px;font-size:3rem}.modal-description{font-size:.8rem}.modal-tags{margin-top:16px}.modal-nav{margin-top:25px}.modal-visual:before{width:250px;height:250px;top:1%;left:7%}.modal-visual:after{width:175px;height:175px;top:13%;left:20%}.modal-visual .demo-browser{inset:12% 7% 10%}.demo-browser-body{padding:20px}.demo-browser-body h3{margin-top:24px;font-size:2.1rem}.demo-browser-body p{margin-top:12px}.demo-browser-body b{margin-top:13px}}
.modal-lock{overflow:hidden}
.demo-action{background:var(--red)!important;color:#fff!important}.demo-aurora .demo-action{background:#315c48!important}.demo-vitta .demo-action{background:#a85b45!important}.demo-nativo .demo-action{background:#c8a76e!important;color:#272522!important}.demo-nativo .demo-contact .demo-action{background:#272522!important;color:#fff!important}

/* A janela permanece fixa na viewport; o mini-site é quem possui o scroll. */
.modal-window{height:min(800px,calc(100svh - 48px));max-height:calc(100svh - 48px);min-height:0}.modal-visual,.modal-copy{height:100%;min-height:0}
@media (max-width:900px){.modal-window{height:auto;max-height:calc(100svh - 24px)}.modal-visual{height:55svh;min-height:360px}.modal-copy{height:auto;min-height:285px}}

/* Direção final dos três mini-sites: composição editorial, sem elementos
   sobrepostos ou dependência de imagens externas. */
.demo-site{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.demo-nav{min-height:56px}.demo-hero{min-height:520px;grid-template-columns:1.08fr .92fr;padding:76px 45px 70px;gap:20px}.demo-hero-copy h3{font-size:clamp(3.2rem,5vw,5.5rem);max-width:420px;margin:28px 0 20px}.demo-hero-copy p{max-width:270px;font-size:.8rem}.demo-hero-art{height:330px;position:relative;display:grid;place-items:center}.demo-art-frame{width:245px;height:300px;position:relative;display:grid;place-items:center;border:1px solid currentColor;border-radius:52% 48% 58% 42%;transform:rotate(8deg)}.demo-art-frame:before{content:"";position:absolute;inset:18px;border:1px solid currentColor;border-radius:48% 52% 42% 58%;opacity:.35}.demo-art-frame span{font-size:10rem;line-height:1;font-weight:900;letter-spacing:-.17em;transform:rotate(-8deg);opacity:.8}.demo-art-frame i{position:absolute;top:31px;right:27px;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 8px #ffffff33}.demo-art-frame b{position:absolute;bottom:25px;left:25px;font-size:.65rem;letter-spacing:.08em}.demo-art-frame b small{font-size:.45rem;font-weight:400;opacity:.7}.demo-art-line{position:absolute;width:390px;height:390px;border:1px solid currentColor;border-radius:50%;opacity:.22;animation:orbit-reverse 28s linear infinite}.demo-art-line:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;top:25px;right:46px}.demo-rule{padding:16px 30px}.demo-about,.demo-detail,.demo-contact{padding:76px 45px}.demo-section-label{display:flex;align-items:center;gap:10px;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;opacity:.7}.demo-section-label small{color:var(--red);font-size:.76rem;font-weight:800}.demo-about>h4,.demo-detail h4,.demo-contact h4{max-width:550px;margin:30px 0 55px;font-size:3.3rem;line-height:.94}.demo-stats{gap:28px;padding-top:22px}.demo-stats span{font-size:.64rem}.demo-detail{grid-template-columns:.82fr 1.18fr;gap:45px}.demo-detail h4{margin-top:28px;margin-bottom:0}.demo-detail-grid{gap:12px}.demo-detail-grid span{grid-template-columns:38px 1fr;gap:3px 10px;padding:17px;border-radius:12px}.demo-detail-grid span>b{grid-row:span 2;color:var(--red);font-size:.65rem}.demo-detail-grid strong{font-size:.75rem}.demo-detail-grid small{font-size:.58rem}.demo-contact{min-height:390px}.demo-contact h4{font-size:4.2rem;margin-bottom:32px}.demo-aurora .demo-hero{background:linear-gradient(135deg,#edf5e9,#dce9dc)}.demo-aurora .demo-hero-art{color:#315c48}.demo-aurora .demo-art-frame{border-radius:62% 38% 48% 52%;transform:rotate(-7deg)}.demo-vitta .demo-hero{background:linear-gradient(135deg,#fff8f1,#f1ded4)}.demo-vitta .demo-hero-copy h3,.demo-vitta .demo-about h4,.demo-vitta .demo-detail h4,.demo-vitta .demo-contact h4{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.demo-vitta .demo-hero-art{color:#a85b45}.demo-vitta .demo-art-frame{border-radius:48% 52% 62% 38%;transform:rotate(17deg);background:#f1d6c7}.demo-vitta .demo-art-frame span{font-family:Georgia,serif;font-weight:400}.demo-vitta .demo-art-frame:before{border-radius:55% 45% 38% 62%}.demo-nativo .demo-hero{background:linear-gradient(135deg,#322d27,#1e1c1a)}.demo-nativo .demo-hero-copy h3,.demo-nativo .demo-about h4,.demo-nativo .demo-detail h4,.demo-nativo .demo-contact h4{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.demo-nativo .demo-hero-art{color:#d6b473}.demo-nativo .demo-art-frame{border-color:#c7a86d;border-radius:50%;background:#3d3428}.demo-nativo .demo-art-frame span{font-family:Georgia,serif;font-weight:400;color:#d6b473}.demo-nativo .demo-art-frame:before{border-color:#d6b473}.demo-nativo .demo-detail{background:#1e1c1a}.demo-nativo .demo-contact{background:#c7a86d;color:#25221e}.demo-nativo .demo-contact .demo-section-label small{color:#fff}.demo-nativo .demo-contact .demo-action{background:#25221e!important;color:#fff!important}
@media (max-width:900px){.demo-hero{min-height:420px;grid-template-columns:1.08fr .92fr;padding:50px 24px 42px}.demo-hero-copy h3{font-size:2.8rem;margin:22px 0 15px}.demo-hero-copy p{font-size:.68rem}.demo-hero-art{height:250px}.demo-art-frame{width:145px;height:205px}.demo-art-frame span{font-size:6.5rem}.demo-art-line{width:260px;height:260px}.demo-about,.demo-detail,.demo-contact{padding:52px 24px}.demo-about>h4,.demo-detail h4{font-size:2.15rem;margin:23px 0 35px}.demo-detail{display:block}.demo-detail h4{margin-bottom:30px}.demo-contact h4{font-size:3rem;margin:24px 0 28px}.demo-stats{gap:9px}.demo-stats span{font-size:.52rem}.demo-nav{padding:12px 15px}.demo-links{gap:9px}.demo-links a:nth-child(2){display:none}}

/* Live portfolio demos: each slide is a real, scrollable mini-site. */
.modal-window{width:min(1180px,100%);min-height:690px;grid-template-columns:1.38fr .62fr}.modal-visual{min-height:690px;padding:14px;background:#d7d6d2}.modal-visual:before,.modal-visual:after{display:none}.modal-copy{padding:62px 40px 34px}.demo-site{height:100%;overflow:auto;border-radius:18px;background:#f5f4f0;box-shadow:0 24px 55px #00000029;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c8102e66 transparent}.demo-site::-webkit-scrollbar{width:5px}.demo-site::-webkit-scrollbar-thumb{background:#c8102e66;border-radius:8px}.demo-nav{position:sticky;z-index:4;top:0;display:flex;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid currentColor;background:#ffffffc7;backdrop-filter:blur(12px);font-size:.55rem}.demo-brand{font-size:.85rem;letter-spacing:.14em;font-weight:900}.demo-links{display:flex;gap:14px;margin-left:auto;opacity:.7}.demo-links a:hover{text-decoration:underline}.demo-live{display:flex;align-items:center;gap:5px;color:#777;font-size:.48rem;text-transform:uppercase;letter-spacing:.1em}.demo-live i{width:5px;height:5px;border-radius:50%;background:#2aaf68}.demo-hero{min-height:465px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:8px;padding:62px 34px 55px;position:relative;overflow:hidden}.demo-hero-copy{position:relative;z-index:2}.demo-hero-copy>small,.demo-about>small,.demo-detail small,.demo-contact>small{font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;opacity:.68}.demo-hero-copy h3{max-width:300px;margin:28px 0 17px;font-size:3.45rem;line-height:.86;letter-spacing:-.09em}.demo-hero-copy p{max-width:210px;margin:0;font-size:.77rem;line-height:1.45;opacity:.75}.demo-action{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding:11px 14px;border-radius:7px;background:currentColor;color:#fff;font-size:.58rem;font-weight:800}.demo-action b{font-size:1em}.demo-shape{width:210px;height:260px;position:relative;display:grid;place-items:center;border:1px solid currentColor;border-radius:50% 50% 45% 45%;transform:rotate(12deg);opacity:.9}.demo-shape:before{content:"";position:absolute;inset:18px;border:1px solid currentColor;border-radius:50%;opacity:.45}.demo-shape span{font-size:8rem;font-weight:900;letter-spacing:-.2em;transform:rotate(-12deg);opacity:.85}.demo-shape i{position:absolute;width:8px;height:8px;top:20px;right:23px;border-radius:50%;background:currentColor;box-shadow:0 0 0 9px #ffffff33}.demo-rule{display:flex;align-items:center;gap:12px;padding:13px 24px;border-block:1px solid currentColor;font-size:.47rem;letter-spacing:.13em;text-transform:uppercase;opacity:.65}.demo-rule b{margin-left:auto;margin-right:auto;font-size:.8rem}.demo-about,.demo-detail,.demo-contact{padding:65px 34px}.demo-about>h4,.demo-detail h4,.demo-contact h4{max-width:430px;margin:27px 0 44px;font-size:2.2rem;line-height:.98;letter-spacing:-.07em}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:20px;border-top:1px solid currentColor}.demo-stats span{display:flex;flex-direction:column;gap:6px;font-size:.6rem;line-height:1.35;opacity:.75}.demo-stats b{font-size:.55rem;opacity:.55}.demo-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;background:#ffffff55}.demo-detail h4{margin-top:20px}.demo-detail h4 em,.demo-contact h4 em{font-style:normal;color:var(--red)}.demo-detail-grid{display:grid;gap:9px}.demo-detail-grid span{display:grid;grid-template-columns:35px 1fr;gap:4px 8px;padding:14px;border:1px solid currentColor;border-radius:9px;font-size:.52rem;opacity:.78}.demo-detail-grid b{font-size:.72rem}.demo-detail-grid small{grid-column:2;font-size:.55rem;opacity:.7}.demo-contact{min-height:330px;background:currentColor;color:#fff}.demo-contact h4{font-size:3.1rem}.demo-contact .demo-action{background:#fff;color:var(--ink)}.demo-aurora{background:#f2f6ed;color:#315c48}.demo-aurora .demo-nav{background:#f2f6eddd}.demo-aurora .demo-shape{border-radius:62% 38% 50% 50%;transform:rotate(-14deg)}.demo-aurora .demo-contact{background:#315c48}.demo-vitta{background:#fff8f1;color:#a85b45}.demo-vitta .demo-nav{background:#fff8f1dd}.demo-vitta .demo-hero-copy h3,.demo-vitta .demo-about h4,.demo-vitta .demo-detail h4,.demo-vitta .demo-contact h4{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.demo-vitta .demo-shape{border-radius:58% 42% 62% 38%;transform:rotate(28deg);background:#f1d6c7}.demo-vitta .demo-shape span{font-family:Georgia,serif;font-weight:400}.demo-vitta .demo-contact{background:#a85b45}.demo-nativo{background:#272522;color:#e5d4b3}.demo-nativo .demo-nav{background:#272522dd}.demo-nativo .demo-hero-copy h3,.demo-nativo .demo-about h4,.demo-nativo .demo-detail h4,.demo-nativo .demo-contact h4{font-family:Georgia,serif;font-weight:400}.demo-nativo .demo-shape{border-color:#c8a76e;border-radius:50%;background:#3c352b}.demo-nativo .demo-shape span{font-family:Georgia,serif;font-weight:400;color:#c8a76e}.demo-nativo .demo-detail{background:#1e1d1b}.demo-nativo .demo-contact{background:#c8a76e;color:#272522}.demo-nativo .demo-contact h4 em{color:#fff}.demo-nativo .demo-contact .demo-action{color:#272522}.demo-nativo .demo-action{color:#272522}.demo-nativo .demo-contact .demo-action{background:#272522;color:#fff}
@media (max-width:900px){.modal-window{display:flex;flex-direction:column;max-height:calc(100svh - 24px);min-height:0}.modal-visual{height:55svh;min-height:360px;padding:9px}.modal-copy{padding:24px 22px 20px;min-height:285px}.demo-nav{padding:12px 15px}.demo-links{gap:9px}.demo-links a:nth-child(2){display:none}.demo-live{display:none}.demo-hero{min-height:370px;padding:42px 24px 35px;grid-template-columns:1.15fr .85fr}.demo-hero-copy h3{font-size:2.55rem;margin-top:22px}.demo-hero-copy p{font-size:.68rem}.demo-shape{width:130px;height:180px}.demo-shape span{font-size:5.5rem}.demo-about,.demo-detail,.demo-contact{padding:45px 24px}.demo-about>h4,.demo-detail h4{font-size:1.8rem;margin-bottom:30px}.demo-stats{gap:6px}.demo-stats span{font-size:.5rem}.demo-detail{display:block}.demo-detail-grid{margin-top:25px}.demo-contact h4{font-size:2.5rem}.modal-copy h2{margin-top:20px}}