:root{font-family:'DM Sans',sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:92px}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
html[data-theme="light"]{--bg:#f8f7f4;--surface:#fff;--surface-2:#f0efeb;--ink:#182027;--muted:#637079;--line:#dfe2df;--accent:#315bd7;--accent-ink:#fff;--warm:#ed6e48;--header:rgba(248,247,244,.94);--statement:#e9eee9;--projects:#f8f7f4;--services:#fff;--studio:#edf2f8;--studio-card:#fff;--stage:#dce5f0;--method:#f8f7f4;--about:#e8ecf0;--contact:#152438;--contact-ink:#fff;color-scheme:light}
html[data-theme="dark"]{--bg:#101722;--surface:#192230;--surface-2:#1d2836;--ink:#f2f3f0;--muted:#b1bac1;--line:#334151;--accent:#9bb1ff;--accent-ink:#132039;--warm:#f48b69;--header:rgba(16,23,34,.94);--statement:#172331;--projects:#101722;--services:#17212e;--studio:#1d2a3a;--studio-card:#142031;--stage:#2a394b;--method:#101722;--about:#1c2a39;--contact:#0b1019;--contact-ink:#f7f7f4;color-scheme:dark}
html[data-theme="bright"]{--bg:#f0f5dc;--surface:#fffef5;--surface-2:#e6ebd1;--ink:#172147;--muted:#526079;--line:#d2dbc5;--accent:#df5839;--accent-ink:#fff;--warm:#e85d3e;--header:rgba(240,245,220,.94);--statement:#dce8fb;--projects:#f0f5dc;--services:#fffef5;--studio:#d8e2fb;--studio-card:#fffef5;--stage:#c2d2ec;--method:#f0f5dc;--about:#d9e4f0;--contact:#203586;--contact-ink:#fff;color-scheme:light}
.wrap{width:min(calc(100% - 72px),1320px);margin-inline:auto}.section-pad{padding:130px 0}.section-index,.eyebrow,.hero-footer,.project-meta>div>span,.concept-disclaimer,.studio-panel-title,.control-block>span,.studio-control-bottom>span,.preview-toolbar,.preview-caption,.method-number,.about-years>span,.about-logo>span,.contact-links>span,.footer-right>span,.footer-bottom{font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.075em}.section-index{display:block;color:var(--accent);font-weight:600;margin-bottom:24px}.skip-link{position:fixed;top:-100px;left:16px;padding:12px 18px;z-index:500;background:var(--accent);color:var(--accent-ink);font-weight:700}.skip-link:focus{top:12px}.reading-line{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--warm);transform:scaleX(0);transform-origin:left;z-index:300;pointer-events:none}
.site-header{position:sticky;top:0;z-index:100;height:84px;background:var(--header);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-crown{width:36px;height:36px;color:#eaa82d}.brand>span{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:23px;font-weight:800;line-height:.95;letter-spacing:-.075em}.brand strong span,.footer-brand span{color:#e95e3c}.brand small{font:600 6.8px/1.2 'IBM Plex Mono',monospace;letter-spacing:.08em}.main-nav{display:flex;gap:31px;margin-left:auto;align-items:center}.main-nav a{font-size:12px;font-weight:700;white-space:nowrap;transition:color .2s}.main-nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:14px}.theme-switch{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px}.theme-switch button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ink);transition:background .2s,color .2s}.theme-switch button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}.theme-switch svg{width:16px;height:16px}.header-cta{background:var(--ink);color:var(--bg);padding:14px 16px;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:800;white-space:nowrap;border-radius:5px;transition:transform .2s}.header-cta:hover{transform:translateY(-2px)}.header-cta span{font-size:17px}.menu-toggle{display:none;border:0;background:none;color:var(--ink);width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:5px}.menu-toggle span{height:2px;width:23px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{padding:12px 36px 25px;background:var(--header);border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}
.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);align-items:center;gap:6%;min-height:760px;padding:62px 0 70px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--accent);font-weight:600;margin-bottom:28px}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:var(--warm);box-shadow:0 0 0 5px color-mix(in srgb,var(--warm) 14%,transparent)}.hero h1{font-size:clamp(57px,5.4vw,80px);font-weight:800;line-height:1.075;letter-spacing:-.061em;word-spacing:.03em;margin:0 0 27px;max-width:640px}.hero h1 em,h2 em,.statement em{font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:-.035em}.hero h1 em{display:block;color:var(--accent);line-height:1.03}.hero-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:510px;margin-bottom:30px}.hero-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 20px;font-size:13px;font-weight:800;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-3px);filter:brightness(.96)}.button span{font-size:19px;line-height:1}.button-primary{background:var(--accent);color:var(--accent-ink)}.text-link{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding-bottom:7px;color:var(--ink);font-size:13px;font-weight:700}.text-link span{font-size:17px;color:var(--accent)}.text-link:hover{color:var(--accent)}.hero-try{max-width:445px;margin-top:54px}.hero-try label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:10px}.hero-try>div{display:flex;height:52px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface)}.hero-try input{min-width:0;flex:1;border:0;outline:0;padding:0 15px;color:var(--ink);background:transparent;font-size:13px}.hero-try input::placeholder{color:var(--muted)}.hero-try button{border:0;background:var(--surface-2);color:var(--ink);padding:0 15px;font-size:12px;font-weight:800;white-space:nowrap}.hero-try button span{font-size:18px;margin-left:9px;color:var(--accent)}.hero-try button:hover{background:var(--accent);color:var(--accent-ink)}.hero-try button:hover span{color:inherit}
.hero-visual{position:relative;min-width:0;padding:28px 35px 45px 5px}.hero-visual::before{content:"";position:absolute;width:83%;height:81%;right:1%;top:0;background:#e0e9e1;border-radius:40px 5px 70px 5px;transform:rotate(5deg)}html[data-theme="dark"] .hero-visual::before{background:#243449}html[data-theme="bright"] .hero-visual::before{background:#c6d7f5}.browser-shell{background:#f7f8f8;border:1px solid #d4d8da;box-shadow:0 28px 70px rgba(16,32,52,.16)}.hero-browser{position:relative;z-index:1;border-radius:11px;overflow:hidden;transform:rotate(-1.4deg)}.browser-top,.mini-browser-bar,.preview-browser-top{height:39px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;color:#7c878e;font:500 10px 'IBM Plex Mono',monospace}.browser-url{background:#e9edef;border-radius:4px;padding:5px 36px}.window-dots{display:flex;align-items:center;gap:5px}.window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#f0a69c}.window-dots i:nth-child(2){background:#efd09b}.window-dots i:nth-child(3){background:#a4c9b7}.hero-site{position:relative;aspect-ratio:1.26;overflow:hidden;background:#84674e;color:#fff}.hero-site>img,.phone-screen img,.project-site>img,.preview-site>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-site>img{object-position:center}.hero-site-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,32,38,.6),transparent 75%),linear-gradient(0deg,rgba(9,19,22,.2),transparent 40%)}.hero-site-nav,.hero-site-title,.hero-site-bottom{position:absolute;left:6%;right:6%;z-index:1}.hero-site-nav{top:7%;display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-site-nav strong{font-size:19px;font-weight:800;letter-spacing:-.055em;text-transform:uppercase;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-site-nav>span{font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.04em}.hero-site-nav b{display:none}.hero-site-title{top:38%}.hero-site-title>span,.hero-site-bottom{font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.1em}.hero-site-title strong{display:block;font-family:'DM Serif Display',serif;font-size:clamp(40px,4.3vw,68px);font-weight:400;line-height:1.03;margin-top:14px;letter-spacing:-.025em}.hero-site-title i{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid #fff;border-radius:50%;font-size:21px;font-style:normal;margin-top:22px}.hero-site-bottom{bottom:5%;display:flex;justify-content:space-between}.hero-mobile{position:absolute;z-index:2;width:26%;height:54%;right:-1%;bottom:1%;border:6px solid #161d23;border-radius:25px;overflow:hidden;transform:rotate(5deg);box-shadow:0 23px 45px rgba(16,32,52,.3)}.phone-notch{position:absolute;z-index:3;width:35%;height:10px;left:32.5%;top:0;border-radius:0 0 12px 12px;background:#161d23}.phone-screen{position:relative;width:100%;height:100%;color:#1b332f;overflow:hidden}.phone-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,249,238,.46),transparent 68%)}.phone-screen img{object-position:57% center}.phone-screen span,.phone-screen strong,.phone-screen i{position:absolute;z-index:1;left:10%}.phone-screen span{top:10%;font-size:18px;font-weight:800;letter-spacing:-.06em}.phone-screen strong{top:28%;font:400 clamp(19px,2vw,34px)/1.08 'DM Serif Display',serif}.phone-screen i{bottom:10%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1b332f;color:#fff;font-style:normal}.hero-visual-note{position:absolute;right:14%;bottom:-4%;display:flex;align-items:center;gap:9px;color:var(--muted);font:600 9px/1.45 'IBM Plex Mono',monospace;letter-spacing:.06em}.hero-visual-note>span:first-child{font-size:29px;color:var(--warm)}.hero-footer{height:68px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.hero-footer a{color:var(--ink)}.hero-footer a span{color:var(--accent);font-size:15px;margin-left:8px}.hero-footer a:hover{color:var(--accent)}
.statement{background:var(--statement);padding:100px 0}.statement-inner{display:grid;grid-template-columns:20% 1fr 80px;gap:20px;align-items:start}.statement .section-index{padding-top:13px;margin:0}.statement p{font-size:clamp(33px,3.5vw,51px);font-weight:700;line-height:1.25;letter-spacing:-.045em;max-width:950px;margin:0}.statement em{color:var(--accent)}.statement-star{font-size:50px;color:var(--warm);line-height:1}
.section-heading{display:grid;grid-template-columns:minmax(0,68fr) minmax(0,32fr);gap:50px;align-items:end;margin-bottom:46px}.section-heading h2,.services h2,.studio h2,.method h2,.about h2,.contact h2{font-size:clamp(42px,4.5vw,66px);font-weight:800;letter-spacing:-.055em;line-height:1.13;margin:0}.section-heading h2{max-width:740px}.section-heading h2 em,.studio h2 em,.method h2 em,.about h2 em,.contact h2 em{color:var(--accent)}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:340px;margin:0 0 8px}.projects{background:var(--projects)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.project-card{min-width:0}.project-architecture{grid-column:1/-1}.project-display{border-radius:11px;overflow:hidden;background:#f6f7f6;border:1px solid #d6d9d9;box-shadow:0 15px 40px rgba(14,30,47,.08);transition:transform .35s,box-shadow .35s}.project-card:hover .project-display{transform:translateY(-5px);box-shadow:0 25px 55px rgba(14,30,47,.15)}.mini-browser-bar{height:35px;padding:0 14px;background:#f5f6f5;font-size:9px}.project-site{position:relative;aspect-ratio:1.43;overflow:hidden}.project-architecture .project-site{aspect-ratio:2.35}.project-site>img{transition:transform .7s}.project-card:hover .project-site>img{transform:scale(1.04)}.project-site-layer{position:absolute;inset:0;display:flex;flex-direction:column;padding:5.5% 6%;background:linear-gradient(90deg,rgba(249,247,237,.8),rgba(249,247,237,.05) 67%);color:#263229}.project-food .project-site-layer{background:linear-gradient(90deg,rgba(72,18,20,.74),rgba(72,18,20,.04) 72%);color:#fff4e8}.project-architecture .project-site-layer{background:linear-gradient(90deg,rgba(22,28,29,.63),transparent 75%);color:#fff}.project-site-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.project-site-nav strong{font-size:23px;line-height:1;letter-spacing:-.07em}.project-food .project-site-nav strong{font-family:'DM Serif Display',serif;font-size:28px;font-weight:400}.project-architecture .project-site-nav strong{font-size:27px}.project-architecture .project-site-nav strong span{color:#e9b47b}.project-site-nav>span{font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.07em}.project-site-copy{margin-top:auto}.project-site-copy>span:first-child{font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.12em}.project-site-copy h3{font:400 clamp(34px,3.8vw,58px)/1.04 'DM Serif Display',serif;letter-spacing:-.02em;margin:13px 0 19px}.project-architecture .project-site-copy h3{font-size:clamp(38px,4.3vw,66px)}.site-button{display:inline-block;background:#24352d;color:#fff;padding:11px 14px;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.04em}.project-food .site-button{background:#fff0e4;color:#541f22}.project-architecture .site-button{background:#fff;color:#202b2d}.project-meta{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:20px 3px 0}.project-meta>div>span{color:var(--accent);font-size:10px}.project-meta h3{font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:9px 0 7px}.project-meta p{color:var(--muted);font-size:13px;line-height:1.6;max-width:470px;margin:0}.project-symbol{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:18px;color:var(--accent)}.concept-disclaimer{font-size:10px;color:var(--muted);margin:36px 0 0}
.services{background:var(--services)}.services-grid{display:grid;grid-template-columns:37% 1fr;gap:9%;align-items:start}.services-intro{position:sticky;top:140px}.services h2{max-width:480px}.services-intro>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:450px;margin:25px 0 28px}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:40px minmax(0,1fr) 38px;gap:20px;align-items:start;padding:32px 0;border-bottom:1px solid var(--line);transition:padding .2s}.service-item:hover{padding-left:10px}.service-item>span{font:600 11px 'IBM Plex Mono',monospace;color:var(--accent);margin-top:8px}.service-item h3{font-size:29px;letter-spacing:-.045em;margin:0 0 9px}.service-item p{color:var(--muted);font-size:13px;line-height:1.65;max-width:470px;margin:0}.service-item>b{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:18px;font-weight:400;color:var(--accent);transition:background .2s,color .2s}.service-item:hover>b{background:var(--accent);color:var(--accent-ink)}.services-note{display:flex;gap:14px;align-items:center;padding:24px 0;color:var(--muted)}.services-note span{font-size:28px;color:var(--warm)}.services-note p{font-size:12px;line-height:1.5;max-width:440px;margin:0}
.studio{background:var(--studio)}.studio-heading{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;margin-bottom:45px}.studio h2{max-width:780px}.studio-heading p{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 6px}.studio-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:0;align-items:stretch;min-height:610px;background:var(--studio-card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(25,45,69,.08)}.studio-controls{padding:27px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column}.studio-panel-title{display:flex;gap:9px;align-items:center;color:var(--ink);font-weight:600;padding-bottom:25px;border-bottom:1px solid var(--line)}.panel-light,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ac889;box-shadow:0 0 0 4px rgba(58,200,137,.12)}.control-block{padding:25px 0 28px;border-bottom:1px solid var(--line)}.control-block>span,.studio-control-bottom>span{color:var(--accent);font-size:10px;font-weight:600}.control-block label,.control-block>p{display:block;font-size:15px;font-weight:700;line-height:1.35;margin:13px 0 12px}.control-block>input{width:100%;height:46px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:0 12px;font-size:13px;outline:none}.control-block>input:focus{border-color:var(--accent)}.control-block>input::placeholder{color:var(--muted)}.sector-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sector-options button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;min-height:41px;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.sector-options button:hover{border-color:var(--accent)}.sector-options button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.studio-control-bottom{margin-top:auto;padding-top:24px}.studio-control-bottom p{font-size:13px;line-height:1.5;color:var(--muted);margin:9px 0 19px}.studio-control-bottom .button{width:100%;font-size:11px;padding:14px 12px;gap:10px}.preview-area{min-width:0;padding:23px;background:var(--studio-card)}.preview-toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:600;color:var(--muted);font-size:10px}.preview-toolbar>div:first-child{display:flex;align-items:center;gap:11px}.device-switch{display:flex;border:1px solid var(--line);border-radius:5px;padding:2px}.device-switch button{display:grid;place-items:center;width:31px;height:29px;border:0;border-radius:3px;background:transparent;color:var(--muted)}.device-switch button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}.device-switch svg{width:17px;height:17px}.preview-stage{min-height:493px;display:grid;place-items:center;background:var(--stage);border-radius:8px;padding:28px;transition:background .2s}.preview-browser{width:100%;max-width:850px;height:435px;background:#f7f8f8;border:1px solid #ccd2d3;box-shadow:0 20px 45px rgba(12,28,46,.18);overflow:hidden;transition:width .3s,height .3s,border-radius .3s}.preview-browser-top{height:31px;font-size:8px}.preview-site{position:relative;height:calc(100% - 31px);overflow:hidden;color:#fff}.preview-site>img{object-position:center}.preview-site-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,35,33,.72),rgba(29,35,33,.2) 77%)}.preview-site-nav,.preview-site-copy,.preview-site-foot{position:absolute;z-index:1;left:6%;right:6%}.preview-site-nav{top:6%;display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-site-nav strong{font-size:17px;letter-spacing:-.035em;word-spacing:.1em;text-transform:uppercase;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-site-nav>span{font:600 8px 'IBM Plex Mono',monospace}.preview-site-nav b{display:none}.preview-site-copy{top:34%;max-width:66%}.preview-site-copy>span:first-child{font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.09em}.preview-site-copy h3{font:400 clamp(36px,3.7vw,55px)/1.04 'DM Serif Display',serif;margin:13px 0 11px;letter-spacing:-.02em}.preview-site-copy p{font-size:12px;line-height:1.5;max-width:360px;margin-bottom:18px}.preview-fake-button{display:inline-block;background:#fff;color:#1b2526;padding:11px 13px;font:600 9px 'IBM Plex Mono',monospace}.preview-site-foot{bottom:5%;display:flex;justify-content:space-between;gap:10px;font:500 8px 'IBM Plex Mono',monospace}.preview-caption{display:flex;gap:9px;align-items:start;margin:14px 0 0;color:var(--muted);font-size:10px}.preview-caption span{font-size:18px;color:var(--warm);line-height:1}.preview-stage[data-sector="criativo"] .preview-site-scrim{background:linear-gradient(90deg,rgba(35,42,118,.82),rgba(35,42,118,.25) 80%)}.preview-stage[data-sector="criativo"] .preview-fake-button{background:#d7f07a;color:#222a56}.preview-stage[data-sector="gastronomia"] .preview-site-scrim{background:linear-gradient(90deg,rgba(75,15,26,.84),rgba(75,15,26,.18) 80%)}.preview-stage[data-sector="gastronomia"] .preview-fake-button{background:#f7d1b3;color:#561a28}.preview-stage[data-sector="servicos"] .preview-site-scrim{background:linear-gradient(90deg,rgba(30,55,46,.77),rgba(30,55,46,.1) 80%)}.preview-stage[data-sector="servicos"] .preview-fake-button{background:#e8ede3;color:#20382d}.preview-stage[data-device="mobile"] .preview-browser{width:min(100%,254px);height:445px;border:6px solid #171e28;border-radius:25px}.preview-stage[data-device="mobile"] .preview-browser-top{height:22px;padding:0 12px}.preview-stage[data-device="mobile"] .preview-browser-top .window-dots,.preview-stage[data-device="mobile"] .preview-browser-top>span:last-child{display:none}.preview-stage[data-device="mobile"] .preview-site{height:calc(100% - 22px)}.preview-stage[data-device="mobile"] .preview-site-nav>span{display:none}.preview-stage[data-device="mobile"] .preview-site-nav b{display:block}.preview-stage[data-device="mobile"] .preview-site-copy{top:30%;max-width:88%}.preview-stage[data-device="mobile"] .preview-site-copy h3{font-size:37px}.preview-stage[data-device="mobile"] .preview-site-copy p{font-size:10px}.preview-stage[data-device="mobile"] .preview-site-foot>span:last-child{display:none}
.method{background:var(--method)}.method-head{display:grid;grid-template-columns:22% 1fr;gap:30px;align-items:start}.method-head .section-index{margin-top:14px}.method h2{max-width:880px}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:70px}.method-grid article{min-height:245px;padding:24px 22px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.method-number{color:var(--accent);font-size:10px}.method-icon{font-size:29px;color:var(--warm);height:75px;display:flex;align-items:center}.method-grid h3{font-size:22px;letter-spacing:-.04em;margin:0 0 10px}.method-grid p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.about{background:var(--about)}.about-grid{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:9%;align-items:center}.about-visual{position:relative;min-height:465px}.about-years{width:78%;height:385px;background:#233957;border-radius:8px;color:#fff;padding:45px 37px;display:flex;flex-direction:column;justify-content:space-between}.about-years strong{font-size:clamp(180px,19vw,260px);font-weight:800;letter-spacing:-.11em;line-height:.8}.about-years strong span{font-size:.35em;vertical-align:top;letter-spacing:-.05em;color:#f7ad72}.about-years>span{font-size:10px}.about-logo{position:absolute;right:0;bottom:0;width:55%;padding:8px;background:#080b11;box-shadow:0 20px 35px rgba(0,0,0,.18);border-radius:4px;color:#fff}.about-logo img{width:100%;aspect-ratio:1.5;object-fit:contain}.about-logo>span{display:block;font-size:7px;padding:4px 5px 2px;color:#cad3df}.about h2{max-width:650px}.about-copy>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:570px;margin:22px 0 0}.about-copy .text-link{margin-top:30px}
.contact{background:var(--contact);color:var(--contact-ink)}.contact-grid{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:9%;align-items:center}.contact .section-index{color:#9bbaff}.contact h2{font-size:clamp(49px,5.3vw,76px);max-width:650px}.contact h2 em{color:#a9c1ff}.contact-copy>p{font-size:16px;line-height:1.7;color:#c5d0db;max-width:510px;margin:28px 0 0}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:70px}.contact-links>span{color:#8ea4bb;font-size:10px;margin-bottom:8px}.contact-links a{font-size:14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:7px}.contact-links a b{font-weight:400;margin-left:9px;color:#a9c1ff}.contact-links a:hover{color:#a9c1ff}.contact-card{background:#fff;color:#1b2730;border-radius:10px;padding:35px 36px;box-shadow:0 25px 55px rgba(0,0,0,.12)}.contact-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e1e6e8;padding-bottom:20px}.contact-card-head strong{font-size:19px;letter-spacing:-.035em}.contact-card-head span{font-size:24px;color:#ef7752}.contact-card form{display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-row>div{display:flex;flex-direction:column}.contact-card label{font-size:12px;font-weight:800;margin:21px 0 8px}.contact-card label span{font-weight:400;color:#697781}.contact-card input,.contact-card select,.contact-card textarea{width:100%;border:1px solid #dce2e5;border-radius:5px;background:#fafbfb;color:#1b2730;padding:12px;font-size:13px;outline:none}.contact-card input,.contact-card select{height:46px}.contact-card textarea{resize:vertical;min-height:105px}.contact-card input::placeholder,.contact-card textarea::placeholder{color:#8a959b}.contact-card :is(input,select,textarea):focus{border-color:#315bd7;box-shadow:0 0 0 3px rgba(49,91,215,.12)}.contact-card select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 5 5 6 5-6' fill='none' stroke='%23596776' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.contact-card button{margin-top:24px;width:100%;background:#315bd7;color:#fff;text-align:left}.contact-card form>p{font-size:10px;line-height:1.5;color:#79868f;margin:11px 0 0}
.site-footer{background:#0d1826;color:#f4f6f4;padding:70px 0 0}.footer-main{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:50px;padding-bottom:85px}.footer-brand{display:inline-block;font-size:38px;font-weight:800;letter-spacing:-.08em;line-height:1}.footer-main>div:first-child p{font-size:13px;line-height:1.6;color:#aab8c6;max-width:235px;margin:19px 0 0}.footer-main nav{display:flex;flex-direction:column;gap:11px}.footer-main nav a{font-size:12px;color:#d0d9df}.footer-main nav a:hover{color:#a9c1ff}.footer-right{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-right>span{font-size:10px;color:#8da3b8}.footer-right a{font-size:14px;font-weight:700;border-bottom:1px solid #94a9ba;padding-bottom:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#90a3b3;font-size:9px}.footer-bottom a:hover{color:#fff}.floating-whatsapp{position:fixed;z-index:90;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:100px;background:#25d366;color:#092b1a;box-shadow:0 12px 30px rgba(0,0,0,.17);font-size:12px;font-weight:800;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-3px)}.floating-whatsapp svg{width:22px;height:22px}
@media(max-width:1200px){.wrap{width:min(calc(100% - 52px),1320px)}.main-nav{gap:18px}.header-inner{gap:22px}.hero-grid{gap:4%}.hero h1{font-size:clamp(54px,5.5vw,70px)}.hero-visual{padding-right:22px}.hero-mobile{right:-3%}.services-grid{gap:6%}.about-grid,.contact-grid{gap:6%}}
@media(max-width:1020px){.main-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:flex}.hero-grid{min-height:700px}.hero h1{font-size:clamp(52px,6vw,66px)}.hero-site-nav>span{display:none}.hero-site-nav b{display:block}.hero-site-title strong{font-size:clamp(39px,5vw,54px)}.hero-mobile{height:47%}.statement-inner{grid-template-columns:18% 1fr 50px}.studio-workspace{grid-template-columns:295px 1fr}.studio-controls{padding:24px 20px}.preview-area{padding:19px}.preview-stage{padding:18px}.preview-site-copy h3{font-size:40px}.about-years strong{font-size:19vw}}
@media(max-width:800px){.section-pad{padding:95px 0}.hero-grid{grid-template-columns:1fr;gap:45px;min-height:0;padding:80px 0 75px}.hero h1{font-size:clamp(55px,8.2vw,76px);max-width:730px}.hero-copy>p{max-width:650px}.hero-visual{width:min(100%,670px);margin-inline:auto}.hero-visual-note{bottom:-2%}.hero-footer span:nth-child(2){display:none}.statement{padding:80px 0}.statement-inner{grid-template-columns:1fr 45px}.statement .section-index{grid-column:1/-1;padding:0}.statement p{grid-column:1}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{max-width:650px}.services-grid{grid-template-columns:1fr;gap:55px}.services-intro{position:static}.services h2{max-width:780px}.studio-heading{grid-template-columns:1fr;gap:17px}.studio-heading p{max-width:650px}.studio-workspace{grid-template-columns:1fr}.studio-controls{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.studio-panel-title{grid-column:1/-1}.control-block{border-bottom:0}.studio-control-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:0}.studio-control-bottom .button{width:auto}.preview-area{padding:20px}.method-head{grid-template-columns:1fr;gap:0}.method-head .section-index{margin-top:0}.method-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:45px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.about-visual{max-width:550px;width:100%}.about-copy{max-width:710px}.contact-copy{max-width:710px}.contact-card{max-width:690px}.contact-links{margin-top:40px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{height:68px}.header-inner{gap:10px}.brand-crown{width:29px;height:29px}.brand strong{font-size:20px}.brand small{font-size:5.7px}.header-cta{display:none}.theme-switch{padding:3px}.theme-switch button{width:27px;height:27px}.theme-switch svg{width:14px;height:14px}.header-actions{gap:8px}.mobile-nav{padding-inline:18px}.hero-grid{padding:68px 0 54px;gap:40px}.eyebrow{font-size:9px;margin-bottom:22px}.hero h1{font-size:clamp(46px,9.7vw,63px);line-height:1.1;margin-bottom:23px}.hero-copy>p{font-size:14px}.hero-links{gap:19px}.hero-links .button{padding:15px 16px;font-size:12px}.text-link{font-size:12px}.hero-try{margin-top:38px}.hero-try button{font-size:11px}.hero-visual{padding:15px 12px 30px 0}.hero-visual::before{right:0;top:0}.hero-site{aspect-ratio:1.15}.hero-site-nav strong{font-size:13px}.hero-site-title{top:40%}.hero-site-title>span{font-size:7px}.hero-site-title strong{font-size:clamp(27px,7vw,43px)}.hero-site-title i{width:30px;height:30px;font-size:16px;margin-top:11px}.hero-site-bottom{font-size:7px}.browser-top{height:31px;font-size:8px}.browser-url{padding:4px 10px}.hero-mobile{width:29%;height:48%;border-width:4px;border-radius:17px;right:-2%}.phone-screen span{font-size:12px}.phone-screen strong{font-size:17px}.phone-screen i{width:22px;height:22px;font-size:12px}.hero-visual-note{font-size:7px;right:9%;bottom:-3%}.hero-visual-note>span:first-child{font-size:21px}.hero-footer{height:62px;font-size:8px}.hero-footer span:first-child{display:none}.statement{padding:72px 0}.statement-inner{grid-template-columns:1fr 28px}.statement p{font-size:clamp(30px,7.7vw,43px)}.statement-star{font-size:29px}.section-pad{padding:80px 0}.section-index{font-size:10px;margin-bottom:17px}.section-heading h2,.services h2,.studio h2,.method h2,.about h2,.contact h2{font-size:clamp(40px,9vw,55px)}.section-heading{margin-bottom:34px}.section-heading>p{font-size:14px}.project-grid{grid-template-columns:1fr;gap:35px}.project-architecture{grid-column:auto}.project-site,.project-architecture .project-site{aspect-ratio:1.28}.project-site-nav strong{font-size:19px}.project-site-nav>span{font-size:6px}.project-site-copy h3,.project-architecture .project-site-copy h3{font-size:clamp(32px,8vw,48px)}.project-site-copy>span:first-child{font-size:7px}.site-button{font-size:7px;padding:9px}.project-meta h3{font-size:24px}.project-meta p{font-size:12px}.concept-disclaimer{font-size:9px}.services-grid{gap:38px}.services-intro>p{font-size:14px}.service-item{grid-template-columns:26px 1fr 30px;gap:12px;padding:25px 0}.service-item h3{font-size:24px}.service-item p{font-size:12px}.service-item>b{width:30px;height:30px;font-size:16px}.studio-workspace{border-radius:9px}.studio-controls{display:block;padding:21px}.control-block{border-bottom:1px solid var(--line)}.studio-control-bottom{border-top:0;padding-top:23px}.studio-control-bottom .button{width:100%}.preview-area{padding:13px}.preview-toolbar{font-size:8px}.preview-stage{padding:12px;min-height:330px}.preview-browser{height:315px}.preview-browser-top{height:25px}.preview-site{height:calc(100% - 25px)}.preview-site-nav strong{font-size:11px}.preview-site-nav>span{font-size:5px}.preview-site-copy{max-width:72%;top:32%}.preview-site-copy>span:first-child{font-size:6px}.preview-site-copy h3{font-size:clamp(27px,6.5vw,38px);margin:8px 0}.preview-site-copy p{font-size:9px;margin-bottom:10px}.preview-fake-button{font-size:7px;padding:8px}.preview-site-foot{font-size:6px}.preview-caption{font-size:9px}.preview-stage[data-device="mobile"] .preview-browser{height:390px;width:min(100%,220px)}.preview-stage[data-device="mobile"] .preview-site-copy h3{font-size:31px}.method-grid{grid-template-columns:1fr 1fr}.method-grid article{min-height:220px;padding:18px 16px}.method-icon{height:56px}.method-grid h3{font-size:19px}.method-grid p{font-size:11px}.about-visual{min-height:360px}.about-years{height:300px;padding:30px;width:80%}.about-years strong{font-size:clamp(135px,37vw,210px)}.about-logo{width:55%}.about-copy>p{font-size:14px}.contact-copy>p{font-size:14px}.contact-grid{gap:45px}.contact-card{padding:24px 20px}.contact-card-head strong{font-size:17px}.form-row{grid-template-columns:1fr;gap:0}.contact-card label{margin-top:18px}.footer-main{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:58px}.footer-main>div:first-child{grid-column:1/-1}.footer-right a{font-size:11px;overflow-wrap:anywhere}.footer-bottom{font-size:8px;flex-wrap:wrap;padding:19px 0}.footer-bottom span:nth-child(2){display:none}.floating-whatsapp{right:13px;bottom:13px;padding:10px}.floating-whatsapp span{display:none}}
@media(max-width:390px){.wrap{width:calc(100% - 30px)}.brand-crown{width:26px;height:26px}.brand strong{font-size:18px}.brand small{font-size:5px}.theme-switch button{width:25px;height:25px}.hero h1{font-size:45px}.hero-links{align-items:flex-start;flex-direction:column}.hero-try button{font-size:0;width:49px}.hero-try button span{font-size:18px;margin:0}.hero-site-title strong{font-size:27px}.hero-mobile{height:43%}.project-site-nav>span{display:none}.method-grid{grid-template-columns:1fr}.method-grid article{min-height:0}.about-years strong{font-size:135px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.about-logo img{height:auto}
.main-nav a{transition:none}
@media(max-width:620px){.preview-site-foot{display:none}}

/* The supplied transparent artwork is the brand mark throughout the site. */
.site-header{height:112px}
.brand{display:flex;align-items:center;height:100%;gap:0}
.brand-image{display:block;width:225px;height:auto;max-width:none}
html[data-theme="dark"] .site-header{background:rgba(248,247,244,.96);color:#182027;border-bottom-color:#dfe2df}
html[data-theme="dark"] .brand{background:transparent;padding:0}
html[data-theme="dark"] .theme-switch{border-color:#dfe2df}
html[data-theme="dark"] .theme-switch button,html[data-theme="dark"] .menu-toggle{color:#182027}
html[data-theme="dark"] .theme-switch button[aria-pressed="true"]{color:#132039}
html[data-theme="dark"] .header-cta{background:#182027;color:#fff}
html[data-theme="dark"] .mobile-nav{background:#f8f7f4;border-color:#dfe2df}
.footer-brand{display:inline-block;background:#f8f7f4;border-radius:5px;padding:3px;font-size:0;line-height:0}
.footer-logo-image{display:block;width:205px;height:auto}
.about-visual{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:0}
.about-years{width:100%;height:300px}
.about-logo{position:static;width:min(100%,400px);padding:0;background:transparent;box-shadow:none;border-radius:0;color:var(--ink)}
.about-logo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.about-logo>span{color:var(--muted);padding:0;font-size:8px}
html[data-theme="dark"] .about{background:#e8ecf0;color:#182027}
html[data-theme="dark"] .about-copy>p,html[data-theme="dark"] .about-logo>span{color:#637079}
html[data-theme="dark"] .about .section-index,html[data-theme="dark"] .about h2 em,html[data-theme="dark"] .about .text-link span{color:#315bd7}
html[data-theme="dark"] .about .text-link{color:#182027}
@media(max-width:620px){.site-header{height:78px}.brand-image{width:175px}.about-years{height:240px}.about-logo{width:min(100%,280px)}}
@media(max-width:390px){.site-header{height:76px}.brand-image{width:128px}}
@media(max-width:390px){.brand-image{width:160px}}
@media(max-width:350px){.brand-image{width:128px}}