@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#111416;--ink-2:#1c2023;--gold:#bc913d;--gold-light:#e0bd70;--paper:#f6f5f1;--paper-2:#edece7;--text:#171b1d;--muted:#6c7071;--line:#d9d9d2;--max:1320px;--ease:cubic-bezier(.22,.61,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}::selection{background:var(--gold);color:#fff}:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:500;top:-90px;left:20px;background:var(--gold);padding:12px}.skip:focus{top:12px}.container{width:min(calc(100% - 88px),var(--max));margin-inline:auto}.label{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.23em;display:flex;align-items:center;gap:14px}.label::before{content:'';height:1px;width:26px;background:currentColor}.label.gold{color:var(--gold)}.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.21em;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gold)}.eyebrow::before{content:'';height:7px;width:7px;border:1.5px solid currentColor;transform:rotate(45deg)}.section-heading{font:700 clamp(52px,7.5vw,112px)/.89 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.012em;text-transform:uppercase;margin:20px 0 25px}.lead{font-size:clamp(16px,1.55vw,20px);line-height:1.75;color:#676a6a;max-width:575px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:57px;padding:0 23px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,border .25s,color .25s,transform .25s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button svg{width:18px;height:18px;transition:transform .25s}.button:hover svg{transform:translate(3px,-3px)}.button-gold{background:var(--gold);color:#151515}.button-gold:hover{background:#d5ab59}.button-line{border-color:rgba(255,255,255,.45);color:#fff}.button-line:hover{border-color:var(--gold);color:var(--gold)}.button-ink{background:var(--ink);color:#fff}.button-ink:hover{background:#343b3d}.button-text{padding:0;border-bottom:1px solid currentColor;min-height:45px}.arrow-svg{width:20px;height:20px}
.topbar{background:#0d1011;color:#c9cacc;font-size:10px;font-weight:600;letter-spacing:.105em;text-transform:uppercase;border-bottom:1px solid #2b2d2e}.topbar__inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar__right{display:flex;align-items:center;gap:30px}.topbar a:hover{color:var(--gold)}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:10px;vertical-align:middle}.header{height:86px;position:sticky;top:0;background:#15191af5;z-index:100;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:230px;height:auto}.nav{display:flex;align-items:center;gap:38px;color:#e4e4e2;font-size:12px;font-weight:600}.nav a{transition:color .25s}.nav a:hover,.nav a[aria-current="page"]{color:var(--gold-light)}.header-cta{display:flex;gap:14px;align-items:center}.header-cta .button{min-height:46px;padding:0 15px;font-size:11px}.menu-btn{display:none;background:none;border:1px solid #ffffff55;color:white;width:46px;height:46px;align-items:center;justify-content:center}.menu-btn svg{width:22px;height:22px}
.hero{background:#121619;color:#fff;isolation:isolate;position:relative;overflow:hidden;min-height:min(840px,calc(100svh - 124px));display:flex;align-items:stretch}.hero__art{position:absolute;inset:0 0 0 39%;z-index:-2;background-image:linear-gradient(90deg,#121619 0%,#12161955 20%,#0f151525 68%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1700&q=85'),url('assets/architectural-scene.svg');background-size:cover;background-position:center center}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#121619 0%,#121619 28%,#121619a6 45%,#12161912 100%),linear-gradient(0deg,#121619a8,transparent 25%)}.hero__grid{width:100%;display:grid;grid-template-columns:62% 38%;min-height:700px;align-items:center;position:relative}.hero__content{padding:85px 0 115px;position:relative;z-index:2}.hero .eyebrow{margin-bottom:33px;color:#e3bb73}.hero h1{margin:0 0 25px;font:700 clamp(82px,10.5vw,166px)/.77 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;text-transform:uppercase;max-width:950px}.hero h1 span{display:block}.hero h1 .outline{color:var(--gold-light)}.hero__sub{font-size:clamp(16px,1.6vw,20px);color:#d1d1d0;line-height:1.75;max-width:520px;margin:32px 0 32px}.hero__actions{display:flex;flex-wrap:wrap;gap:13px}.hero__side{align-self:end;padding:0 0 91px 60px;display:flex;justify-content:flex-end}.hero__note{border-top:2px solid var(--gold);backdrop-filter:blur(12px);background:#101314c4;max-width:260px;padding:22px 25px;color:#f4f4f4;line-height:1.65;font-size:13px}.hero__note strong{display:block;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);font-size:10px;margin-bottom:8px}.hero__bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#bbbfc0;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero__line{height:1px;flex:1;background:#ffffff33;margin:0 30px}.vertical-note{position:absolute;right:15px;top:50%;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffa8;writing-mode:vertical-rl;transform:translateY(-50%)}
.strip{background:var(--gold);color:#171717;padding:18px 0;overflow:hidden}.strip__inner{display:flex;justify-content:space-between;gap:25px;white-space:nowrap;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.16em}.strip span{display:flex;align-items:center;gap:22px}.strip i{font-style:normal;font-size:17px}
.about{padding:148px 0;overflow:hidden}.about__grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(50px,9vw,150px);align-items:center}.about__left .section-heading{max-width:560px}.about__left .section-heading em{color:var(--gold);font-style:normal}.about__left .lead{max-width:515px}.about__intro{color:#393f3e;line-height:1.9;margin:26px 0 38px;max-width:515px}.about__visual{height:610px;position:relative}.about__photo{position:absolute;inset:20px 0 40px 35px;background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1100&q=83'),url('assets/architectural-scene.svg');background-position:center center;background-size:cover;filter:saturate(.8)}.about__vertical{position:absolute;background:var(--gold);width:80px;bottom:0;left:0;top:110px;display:flex;align-items:center;justify-content:center}.about__vertical span{writing-mode:vertical-rl;transform:rotate(180deg);font:700 13px/1 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.33em}.about__stamp{position:absolute;right:-20px;bottom:-10px;width:160px;height:160px;background:var(--ink);color:var(--gold-light);display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;transform:rotate(7deg);font:700 16px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.1em}.about__stamp::after{content:'';inset:10px;position:absolute;border:1px solid #bd944b78}.about__photo-caption{position:absolute;bottom:47px;left:51px;background:#101414ca;color:white;padding:8px 10px;font-size:9px;letter-spacing:.04em}
.values{padding:110px 0 125px;background:#eae9e4}.values__head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.values__head .section-heading{max-width:650px;margin-bottom:0}.values__head p{max-width:355px;color:var(--muted);line-height:1.8}.values__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cacbc4;border-left:1px solid #cacbc4}.value{padding:42px 32px 37px;border-right:1px solid #cacbc4;border-bottom:1px solid #cacbc4;min-height:330px;transition:background .3s}.value:hover{background:#f7f6f1}.value__icon{width:63px;height:63px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);margin-bottom:50px}.value__icon svg{width:29px;height:29px;stroke-width:1.4}.value h3{font:700 29px/.99 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 13px}.value p{color:#666b6b;font-size:13px;line-height:1.8;margin:0}.value__num{display:block;font-size:10px;letter-spacing:.12em;color:#9c9d96;margin-bottom:25px}
.process{background:#141819;color:white;padding:125px 0 145px;position:relative;overflow:hidden}.process::before{content:'D';font:800 600px/.8 'Barlow Condensed';color:#ffffff05;position:absolute;right:-70px;top:60px;pointer-events:none}.process__top{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:80px;position:relative}.process__top .section-heading{max-width:760px}.process__top .section-heading span{color:var(--gold-light)}.process__top p{color:#acb0b0;line-height:1.85;max-width:385px}.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-top:1px solid #444c4c}.step{padding:42px 30px 0 0;position:relative}.step:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--gold);border-radius:50%}.step__num{font:700 86px/.9 'Barlow Condensed';color:#ffffff14;display:block;margin-bottom:29px;transition:color .3s}.step:hover .step__num{color:#bf974e}.step h3{font:600 29px/1.05 'Barlow Condensed';text-transform:uppercase;margin:0 0 19px;max-width:210px}.step p{font-size:13px;line-height:1.9;color:#b0b5b5;max-width:235px;margin:0}
.portfolio{padding:140px 0;background:var(--paper)}.portfolio__top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.portfolio__top .section-heading{max-width:670px;margin-bottom:0}.portfolio__top p{max-width:370px;line-height:1.8;color:var(--muted)}.portfolio__feature{min-height:510px;position:relative;overflow:hidden;background:#333d3e url('assets/architectural-scene.svg') center/cover}.portfolio__feature::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111718d9 0%,#111718b2 30%,#11171808 95%)}.portfolio__content{position:relative;z-index:1;max-width:500px;color:white;padding:75px 65px}.portfolio__content .label{color:var(--gold-light)}.portfolio__content h3{font:700 clamp(50px,5vw,84px)/.91 'Barlow Condensed';text-transform:uppercase;margin:32px 0}.portfolio__content p{font-size:15px;line-height:1.85;color:#e3e5e3}.portfolio__pending{display:inline-flex;gap:12px;align-items:center;padding:12px 17px;border:1px solid #ffffff60;color:#e7e4db;font-size:12px;margin-top:14px}.portfolio__pending svg{width:18px;height:18px;color:var(--gold-light)}
.faq{padding:95px 0 120px;border-top:1px solid #d8d8d1;background:#f1f0eb}.faq__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq__grid .section-heading{font-size:clamp(55px,5.7vw,88px);max-width:430px}.faq__grid .lead{font-size:15px}.faq details{border-bottom:1px solid #d0d0c8}.faq details:first-child{border-top:1px solid #d0d0c8}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;font-size:15px;font-weight:700;padding:26px 0}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:var(--gold);font-size:25px;font-weight:400}.faq details[open] summary::after{content:'−'}.faq details p{font-size:14px;line-height:1.85;color:#6b6f6d;margin:0 0 26px;max-width:650px}
.contact{background:#111617;color:white;padding:130px 0 100px;position:relative;overflow:hidden}.contact::before{content:'';position:absolute;right:-210px;bottom:0;width:730px;height:730px;border:1px solid #ba934327;border-radius:50%;box-shadow:0 0 0 110px #bd944b07,0 0 0 220px #bd944b05;pointer-events:none}.contact__grid{display:grid;grid-template-columns:1fr .86fr;gap:95px;position:relative}.contact__intro .section-heading{font-size:clamp(72px,8.5vw,130px)}.contact__intro .section-heading span{color:var(--gold-light)}.contact__intro p{max-width:510px;color:#bec3c2;font-size:17px;line-height:1.85}.contact__details{margin-top:60px;display:grid;gap:25px}.contact__detail small{display:block;color:var(--gold-light);letter-spacing:.18em;text-transform:uppercase;font-size:10px;margin-bottom:8px}.contact__detail a,.contact__detail span{font-size:17px}.contact__detail a:hover{color:var(--gold)}.contact__form{background:#f3f2ed;color:#141819;padding:48px 46px}.contact__form .label{color:var(--gold);margin-bottom:15px}.contact__form h3{font:700 40px/1 'Barlow Condensed';text-transform:uppercase;margin:0 0 15px}.contact__form p{font-size:13px;color:#727675;line-height:1.75;margin:0 0 27px}.field{margin-bottom:17px}.field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.field input,.field textarea{width:100%;border:1px solid #d4d5d0;outline:none;padding:15px;color:#101516;background:#fff;border-radius:0;font-size:13px;transition:border-color .25s}.field input:focus,.field textarea:focus{border-color:var(--gold)}.field textarea{resize:vertical;min-height:103px}.contact__form .button{width:100%;margin-top:8px}.form-help{display:block;margin-top:14px;color:#737875;font-size:11px;line-height:1.6}
.footer{background:#0c1011;color:#d8dcdb;border-top:1px solid #343a3b;padding:65px 0 28px}.footer__top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:50px;padding-bottom:65px}.footer__brand img{width:252px}.footer__brand p{max-width:280px;font-size:13px;line-height:1.8;color:#a5adad}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--gold);margin:5px 0 23px}.footer__links{display:flex;flex-direction:column;gap:17px;font-size:13px;color:#c4c8c7}.footer__links a:hover{color:var(--gold-light)}.footer__bottom{border-top:1px solid #303636;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#899090}.footer__bottom a{color:#adb5b4}.footer__bottom a:hover{color:var(--gold-light)}.wa-float{position:fixed;right:23px;bottom:22px;width:61px;height:61px;border-radius:50%;background:#27c768;display:grid;place-items:center;color:white;z-index:90;box-shadow:0 8px 35px #0004;transition:transform .2s,background .2s}.wa-float:hover{transform:translateY(-4px);background:#1caa55}.wa-float svg{width:30px;height:30px}.wa-tip{position:absolute;right:73px;white-space:nowrap;background:#14191a;color:#fff;font-size:11px;padding:10px 13px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s}.wa-float:hover .wa-tip{opacity:1}.up{transition:transform .25s}.up:hover{transform:translateY(-3px)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1150px){.nav{gap:20px}.hero h1{font-size:clamp(75px,10vw,125px)}.about__grid{gap:65px}.values__grid{grid-template-columns:repeat(2,1fr)}.value{min-height:285px}.process__top{gap:30px}.step{padding-right:17px}.contact__grid{gap:35px}}
@media(max-width:900px){.container{width:min(calc(100% - 44px),var(--max))}.topbar__right{gap:16px}.header{height:76px}.brand img{width:210px}.nav{display:none;position:fixed;top:76px;left:0;right:0;min-height:calc(100svh - 76px);background:#131819;flex-direction:column;align-items:flex-start;padding:55px 32px;gap:30px;z-index:110;font:600 28px 'Barlow Condensed';text-transform:uppercase}.nav.is-open{display:flex}.menu-btn{display:flex}.header-cta .button{display:none}.hero__grid{min-height:700px;grid-template-columns:1fr}.hero__art{left:10%;opacity:.85}.hero::after{background:linear-gradient(90deg,#121619f2 0%,#121619a6 65%,#12161955 100%),linear-gradient(0deg,#121619a8,transparent 35%)}.hero__content{padding:105px 0 90px}.hero__side,.vertical-note{display:none}.hero__bottom{bottom:25px}.about{padding:100px 0}.about__grid{grid-template-columns:1fr;gap:50px}.about__left{max-width:650px}.about__visual{height:470px}.values{padding:100px 0}.process__top{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr);row-gap:35px}.portfolio,.contact{padding-top:100px}.portfolio__top{align-items:start;flex-direction:column}.faq__grid{grid-template-columns:1fr;gap:30px}.contact__grid{grid-template-columns:1fr}.contact__intro .section-heading{max-width:650px}.contact__form{max-width:650px}.footer__top{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}
@media(max-width:600px){.container{width:min(calc(100% - 36px),var(--max))}.topbar__inner{height:31px;justify-content:center}.topbar__right{display:none}.header{height:68px}.nav{top:68px;min-height:calc(100svh - 68px)}.brand img{width:185px}.hero{min-height:690px}.hero__grid{min-height:690px}.hero__content{padding:60px 0 90px}.hero h1{font-size:clamp(66px,17vw,103px);line-height:.83;max-width:500px}.hero .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:26px}.hero__sub{font-size:15px;max-width:420px;margin:25px 0 29px}.hero__art{left:0;background-position:56% center}.hero__actions{gap:9px}.hero__actions .button{padding:0 17px;font-size:10px;min-height:52px}.hero__bottom{font-size:8px}.hero__line{margin:0 11px}.strip{padding:15px 0}.strip__inner{font-size:9px;overflow:scroll;scrollbar-width:none;gap:35px;justify-content:flex-start}.about,.values,.portfolio,.contact{padding:75px 0}.section-heading{font-size:clamp(55px,14vw,77px)}.lead{font-size:15px}.about__intro{font-size:14px}.about__visual{height:360px}.about__photo{inset:0 0 25px 16px}.about__vertical{width:48px;top:65px}.about__vertical span{font-size:9px}.about__stamp{height:98px;width:98px;font-size:12px;right:-5px}.about__photo-caption{bottom:30px;left:30px}.values__head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:30px}.values__grid{grid-template-columns:1fr 1fr}.value{padding:26px 18px;min-height:265px}.value__icon{width:50px;height:50px;margin-bottom:32px}.value__icon svg{width:23px;height:23px}.value h3{font-size:24px}.value p{font-size:12px}.process{padding:80px 0 85px}.process__top{margin-bottom:55px}.process__top p{font-size:14px}.steps{grid-template-columns:1fr 1fr;gap:35px 18px}.step__num{font-size:66px;margin-bottom:20px}.step h3{font-size:25px}.step p{font-size:12px}.portfolio__feature{min-height:430px}.portfolio__content{padding:45px 30px}.portfolio__content h3{font-size:60px}.portfolio__content p{font-size:13px}.faq{padding:75px 0}.faq summary{font-size:13px}.contact__intro .section-heading{font-size:clamp(70px,16vw,94px)}.contact__intro p{font-size:15px}.contact__details{margin-top:40px}.contact__form{padding:32px 23px}.contact__form h3{font-size:35px}.footer__top{grid-template-columns:1fr;gap:35px;padding-bottom:45px}.footer__brand{grid-column:auto}.footer__bottom{align-items:flex-start;flex-direction:column}.wa-float{width:54px;height:54px;right:14px;bottom:14px}.wa-float svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Keep display typography inside narrow viewports, even when web fonts are unavailable. */
.hero__grid{grid-template-columns:minmax(0,80%) minmax(0,20%)}
.hero__content{min-width:0}
.hero h1{font-size:clamp(78px,9.1vw,136px);width:126%;max-width:none;transform:scaleX(.79);transform-origin:left center;line-height:.84}
@media(max-width:900px){.hero__grid{grid-template-columns:minmax(0,1fr)}.hero h1{width:126%;transform:scaleX(.79);font-size:clamp(72px,12vw,106px)}}
@media(max-width:600px){.hero h1{font-size:clamp(55px,14vw,72px);width:126%;transform:scaleX(.79);line-height:.9}.hero__content{width:100%}.hero__sub{max-width:100%}}

/* Preserve the same content gutters in the hero as elsewhere. */
.hero__grid{width:min(calc(100% - 88px),var(--max))}
@media(max-width:900px){.hero__grid{width:min(calc(100% - 44px),var(--max))}}
@media(max-width:600px){.hero__grid{width:min(calc(100% - 36px),var(--max))}}


/* Barra institucional da Ubuild — independente da identidade Dantas. */
:root { --ubuild-bar-height: 38px; --site-header-height: 86px; }
.ubuild-preview-bar { position: sticky; top: 0; z-index: 300; background: #111315; color: rgba(255,255,255,.72); border-bottom: 1px solid rgba(255,255,255,.12); font-family: 'DM Sans', Arial, sans-serif; font-size: 11px; letter-spacing: .012em; }
.ubuild-preview-bar__inner { min-height: var(--ubuild-bar-height); display: flex; justify-content: space-between; align-items: center; gap: 22px; }
.ubuild-preview-bar__message { display: flex; align-items: center; gap: 11px; min-width: 0; }
.ubuild-preview-bar__brand { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; font: 800 13px/1 'DM Sans', Arial, sans-serif; letter-spacing: -.06em; color: #fff; }
.ubuild-preview-bar__brand-dot { color: #bd7657; }
.ubuild-preview-bar__link { color: #fff; font-weight: 700; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; transition: opacity .2s; }
.ubuild-preview-bar__link:hover { opacity: .72; }
.ubuild-preview-bar__arrow { display: inline-block; transition: transform .2s; font-size: 16px; line-height: 1; }
.ubuild-preview-bar__link:hover .ubuild-preview-bar__arrow { transform: translateX(3px); }
.ubuild-preview-bar__link:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.ubuild-preview-bar__mobile { display: none; }
.header { top: var(--ubuild-bar-height); }
html { scroll-padding-top: calc(var(--ubuild-bar-height) + var(--site-header-height) + 16px); }
@media (max-width: 900px) {
  :root { --site-header-height: 76px; }
  .nav { position: absolute; top: 100%; min-height: calc(100svh - var(--ubuild-bar-height) - var(--site-header-height)); max-height: calc(100svh - var(--ubuild-bar-height) - var(--site-header-height)); overflow-y: auto; }
}
@media (max-width: 600px) {
  :root { --ubuild-bar-height: 35px; --site-header-height: 68px; }
  .ubuild-preview-bar { font-size: 11px; }
  .ubuild-preview-bar__inner { gap: 8px; }
  .ubuild-preview-bar__message { gap: 7px; }
  .ubuild-preview-bar__desktop { display: none; }
  .ubuild-preview-bar__mobile { display: inline; }
  .ubuild-preview-bar__brand { font-size: 12px; }
  .ubuild-preview-bar__link { gap: 4px; }
}
@media (max-width: 340px) {
  .ubuild-preview-bar { font-size: 10px; }
  .ubuild-preview-bar__brand { display: none; }
}